details styling for docs page

This commit is contained in:
madrilene 2024-02-07 11:52:31 +01:00
parent 80c71f6c2b
commit 5bb401b56c

View file

@ -1,3 +1,11 @@
details > * + * {
margin-block-start: var(--flow-space, 1em);
}
details > p:last-child {
margin-block-end: var(--space-l-xl);
}
summary { summary {
grid-column: content; grid-column: content;
} }
@ -15,7 +23,7 @@ summary {
summary:hover, summary:hover,
summary:focus-visible { summary:focus-visible {
color: var(--color-primary-shade); color: var(--color-primary);
} }
summary::before { summary::before {
@ -26,7 +34,6 @@ summary::before {
font-size: var(--size-step-0); font-size: var(--size-step-0);
font-weight: normal; font-weight: normal;
line-height: 0.5; line-height: 0.5;
margin-inline-start: -2ch;
transform: scale(1.4); transform: scale(1.4);
transform-origin: right bottom; transform-origin: right bottom;
} }
@ -43,5 +50,9 @@ summary::marker {
} }
summary + * { summary + * {
margin-block-start: var(--space-xs) margin-block-start: var(--space-s-m);
}
details > * + * {
margin-inline-start: 2ch;
} }