1
0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2024-11-26 09:27:30 +00:00
cloudtube/sass/includes/base.sass

65 lines
924 B
Sass
Raw Normal View History

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
2020-10-02 12:32:56 +00:00
min-width: 0px
2020-08-22 13:17:31 +00:00
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
cursor: pointer
line-height: 1
margin-bottom: 0
user-select: none
color: c.$fg-main
&[open] summary
margin-bottom: 16px