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 {
grid-column: content;
}
@ -15,7 +23,7 @@ summary {
summary:hover,
summary:focus-visible {
color: var(--color-primary-shade);
color: var(--color-primary);
}
summary::before {
@ -26,7 +34,6 @@ summary::before {
font-size: var(--size-step-0);
font-weight: normal;
line-height: 0.5;
margin-inline-start: -2ch;
transform: scale(1.4);
transform-origin: right bottom;
}
@ -43,5 +50,9 @@ summary::marker {
}
summary + * {
margin-block-start: var(--space-xs)
margin-block-start: var(--space-s-m);
}
details > * + * {
margin-inline-start: 2ch;
}