2020-08-22 13:17:31 +00:00
|
|
|
@use "colors.sass" as c
|
|
|
|
|
|
|
|
|
|
body
|
|
|
|
|
background-color: c.$bg-dark
|
|
|
|
|
color: c.$fg-main
|
|
|
|
|
font-family: "Bariol", sans-serif
|
|
|
|
|
font-size: 18px
|
|
|
|
|
margin: 0
|
|
|
|
|
padding: 0
|
|
|
|
|
|
|
|
|
|
a
|
|
|
|
|
color: c.$link
|
|
|
|
|
|
2020-08-31 13:22:16 +00:00
|
|
|
pre, code
|
|
|
|
|
font-size: 0.88em
|
|
|
|
|
|
|
|
|
|
code
|
|
|
|
|
background: c.$bg-darker
|
|
|
|
|
padding: 3px 5px
|
|
|
|
|
border-radius: 4px
|
|
|
|
|
|
2020-08-22 13:17:31 +00:00
|
|
|
input, select, button
|
|
|
|
|
font-family: inherit
|
|
|
|
|
font-size: 16px
|
|
|
|
|
|
|
|
|
|
button
|
|
|
|
|
cursor: pointer
|
|
|
|
|
|
2020-08-24 10:43:55 +00:00
|
|
|
:focus
|
|
|
|
|
outline: none
|
|
|
|
|
|
2020-08-22 13:17:31 +00:00
|
|
|
:-moz-focusring
|
|
|
|
|
outline: none
|
|
|
|
|
|
|
|
|
|
::-moz-focus-inner
|
|
|
|
|
border: 0
|
|
|
|
|
|
|
|
|
|
select:-moz-focusring
|
|
|
|
|
color: transparent
|
|
|
|
|
text-shadow: 0 0 0 c.$fg-bright
|
|
|
|
|
|
|
|
|
|
body.show-focus
|
|
|
|
|
a, select, button, input, video
|
|
|
|
|
&:focus
|
|
|
|
|
outline: 2px dotted #ddd
|
2020-08-24 13:49:48 +00:00
|
|
|
|
|
|
|
|
video
|
|
|
|
|
background-color: black
|
2020-08-31 13:22:16 +00:00
|
|
|
|
|
|
|
|
details
|
|
|
|
|
background-color: c.$bg-accent-x
|
|
|
|
|
padding: 12px
|
|
|
|
|
border-radius: 8px
|
|
|
|
|
|
|
|
|
|
summary
|
|
|
|
|
text-decoration: underline
|
|
|
|
|
cursor: pointer
|
|
|
|
|
line-height: 1
|
|
|
|
|
margin-bottom: 0
|
|
|
|
|
user-select: none
|
|
|
|
|
color: c.$fg-main
|
|
|
|
|
|
|
|
|
|
&[open] summary
|
|
|
|
|
margin-bottom: 16px
|
