wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

details styling for docs page

Browse source
This commit is contained in:
madrilene 2024-02-07 11:52:31 +01:00
parent 80c71f6c2b
commit 5bb401b56c
1 changed files with 21 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/assets/css/blocks/details.css
View file

@ -1,5 +1,13 @@
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;
} }
summary { summary {
@ -9,24 +17,23 @@ summary {
gap: 0 1ch; gap: 0 1ch;
cursor: pointer; cursor: pointer;
list-style: none; list-style: none;
font-weight: bold; font-weight: bold;
font-size: var(--size-step-1); font-size: var(--size-step-1);
} }
summary:hover, summary:hover,
summary:focus-visible { summary:focus-visible {
color: var(--color-primary-shade); color: var(--color-primary);
} }
summary::before { summary::before {
content: '+'; content: '+';
display: block; display: block;
color: var(--color-primary); color: var(--color-primary);
font-family: var(--font-mono); font-family: var(--font-mono);
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;
} }