spaCy/website/src/styles/accordion.module.sass
2020-09-13 11:31:50 +02:00

56 lines
1.1 KiB
Sass

.root
--color-inline-code-bg: var(--color-theme-opaque)
background: var(--color-theme-light)
margin-bottom: var(--spacing-xs)
border-radius: var(--border-radius)
.spaced
margin-bottom: var(--spacing-md)
.button
font: bold var(--font-size-lg)/var(--line-height-md) var(--font-primary)
color: var(--color-theme-dark)
display: flex
align-items: center
justify-content: space-between
width: 100%
padding: 1rem 1.5rem
border-radius: var(--border-radius)
text-align: left
&:focus
background: var(--color-theme-opaque)
&[aria-expanded="true"]:focus
border-bottom-left-radius: 0
border-bottom-right-radius: 0
.icon
$width: 2rem
width: $width
height: $width
flex: 0 0 $width
background: var(--color-theme)
color: var(--color-back)
border-radius: 50%
padding: 0.35rem
pointer-events: none
.content
padding: 2rem 1.5rem 3rem
& > *:last-child
margin-bottom: 0
p
margin-bottom: var(--spacing-sm)
.hidden
display: none
.anchor
color: var(--color-subtle-dark)
padding-left: 0.5em
opacity: 0.75