mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-06-25 16:19:19 +02:00
45 lines
974 B
CSS
45 lines
974 B
CSS
/* ============================================================
|
|
DETAILS / SUMMARY — Base styling for <details>/<summary>.
|
|
Root: element selectors
|
|
============================================================ */
|
|
|
|
details > summary {
|
|
cursor: pointer;
|
|
list-style: none;
|
|
}
|
|
|
|
details > summary::-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
|
|
details {
|
|
border: 1px solid var(--border-color);
|
|
border-radius: var(--radius, 6px);
|
|
background: var(--bg-secondary, var(--surface));
|
|
overflow: hidden;
|
|
}
|
|
|
|
details[open] {
|
|
padding-bottom: var(--space-s);
|
|
}
|
|
|
|
details > :not(summary) {
|
|
padding-left: var(--space-s);
|
|
padding-right: var(--space-s);
|
|
}
|
|
|
|
summary {
|
|
font-family: var(--font-display);
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
color: var(--text-primary);
|
|
transition: color 0.15s, background 0.15s;
|
|
padding: var(--space-s);
|
|
cursor: pointer;
|
|
}
|
|
|
|
summary:hover {
|
|
color: var(--accent-primary);
|
|
background: var(--hover-bg, rgba(0, 0, 0, 0.03));
|
|
}
|