nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-05-19 00:04:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

lists: unify list margins

Browse source
This commit is contained in:
Sören Weber 2025-03-30 14:17:33 +02:00
parent 4e48cbf222
commit 865033d3ec
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 21 additions and 10 deletions
assets/css
nucleus.csstheme.css
layouts/partials
version.txt

1
assets/css/nucleus.css
View file

@ -218,6 +218,7 @@ p {
ul, ul,
ol { ol {
padding-inline-start: 1.5rem;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }

28
assets/css/theme.css
View file

@ -145,7 +145,8 @@ dt {
dd { dd {
display: list-item; display: list-item;
list-style: circle; list-style: disc;
margin-inline-start: 1.5rem;
} }
a, a,
@ -1778,7 +1779,7 @@ html[dir='rtl'] .expand[open] > .box-label > i.expander-icon {
} }
.list-tree > ul { .list-tree > ul {
padding-inline-start: revert; padding-inline-start: 1rem;
} }
.list-tree li { .list-tree li {
@ -2258,17 +2259,24 @@ span.math:has(> mjx-container[display]) {
} }
/* task list and its checkboxes */ /* task list and its checkboxes */
article ul > li:has(> input[type='checkbox']) { /* move start of list to left to adjust for missing list-style */
list-style: none; article :not(li) > ul > li:has(> input[type='checkbox']),
margin-inline-start: -1rem; article :not(li) > ul > li:has(> span > input[type='checkbox']) {
margin-inline-start: -1.5rem;
} }
article ul > li:has(> input[type='checkbox'])::before { article ul > li:has(> input[type='checkbox']) {
list-style: none;
}
article ul > li:has(> input[type='checkbox'])::before,
article ul > li:has(> span > input[type='checkbox'])::before {
content: '\200B'; /* accessibilty for Safari https://developer.mozilla.org/en-US/docs/Web/CSS/list-style */ content: '\200B'; /* accessibilty for Safari https://developer.mozilla.org/en-US/docs/Web/CSS/list-style */
} }
/* https://moderncss.dev/pure-css-custom-checkbox-style/ */ /* https://moderncss.dev/pure-css-custom-checkbox-style/ */
article ul > li > input[type='checkbox'] { article ul > li > input[type='checkbox'],
article ul > li > span > input[type='checkbox'] {
-webkit-appearance: none; -webkit-appearance: none;
appearance: none; appearance: none;
background-color: var(--INTERNAL-MAIN-BG-color); /* box background */ background-color: var(--INTERNAL-MAIN-BG-color); /* box background */
@ -2285,7 +2293,8 @@ article ul > li > input[type='checkbox'] {
width: 1.15em; width: 1.15em;
} }
article ul > li > input[type='checkbox']::before { article ul > li > input[type='checkbox']::before,
article ul > li > span > input[type='checkbox']::before {
box-shadow: inset 1em 1em var(--INTERNAL-PRIMARY-color); box-shadow: inset 1em 1em var(--INTERNAL-PRIMARY-color);
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
content: ''; content: '';
@ -2298,7 +2307,8 @@ article ul > li > input[type='checkbox']::before {
background-color: CanvasText; background-color: CanvasText;
} }
article ul > li > input[type='checkbox']:checked::before { article ul > li > input[type='checkbox']:checked::before,
article ul > li > span > input[type='checkbox']:checked::before {
transform: scale(1); transform: scale(1);
} }

2
layouts/partials/version.txt
View file

@ -1 +1 @@
7.6.0+3bb38044a94645e9fcf0a765f0d8df64c02612e2 7.6.0+4e48cbf22278352557c206b228e98fc9de9d9f88