1
0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2024-11-12 19:37:29 +00:00
cloudtube/sass/includes/base.sass
2021-04-16 15:24:48 +12:00

69 lines
1011 B
Sass

@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
// for footer alignment
min-height: 100vh
display: flex
flex-direction: column
a
color: c.$link
pre, code
font-size: 0.88em
code
background: c.$bg-darker
padding: 3px 5px
border-radius: 4px
input, select, button
font-family: inherit
font-size: 16px
min-width: 0px
button
cursor: pointer
:focus
outline: none
:-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
video
background-color: black
details
background-color: c.$bg-accent-x
padding: 12px
border-radius: 8px
summary
cursor: pointer
line-height: 1
margin-bottom: 0
user-select: none
color: c.$fg-main
&[open] summary
margin-bottom: 16px