71 lines
No EOL
1 KiB
Sass
71 lines
No EOL
1 KiB
Sass
@use "_theme" as *
|
|
|
|
:root
|
|
--bg: #{$bg}
|
|
--fg: #{$fg}
|
|
|
|
body
|
|
font-family: 'Nunito', 'K Gothic', sans-serif
|
|
margin: 0
|
|
display: flex
|
|
width: 100%
|
|
height: 100vh
|
|
box-sizing: border-box
|
|
padding: 2em
|
|
background: #2b2028
|
|
color: var(--bg)
|
|
font-size: 1.25em
|
|
|
|
b, strong
|
|
color: white
|
|
|
|
input[type=number]
|
|
background: var(--bg)
|
|
color: var(--fg)
|
|
border: none
|
|
outline: none
|
|
font: inherit
|
|
text-align: center
|
|
width: 4em
|
|
appearance: textfield
|
|
|
|
a
|
|
color: #9fe2bf
|
|
text-decoration: none
|
|
|
|
&:hover
|
|
text-decoration: underline
|
|
text-decoration-thickness: 2px
|
|
text-decoration-skip-ink: none
|
|
text-underline-offset: 4px
|
|
|
|
h1
|
|
text-align: center
|
|
|
|
:first-child
|
|
margin-top: 0
|
|
|
|
margin-bottom: 0
|
|
|
|
.avatar
|
|
border-radius: 100%
|
|
display: inline
|
|
height: 2em
|
|
vertical-align: middle
|
|
background: #5e595d
|
|
|
|
button
|
|
border: none
|
|
color: inherit
|
|
font: inherit
|
|
background: #3f313a
|
|
border: 3px solid #1a1110
|
|
border-radius: 0.25em
|
|
box-shadow: 0px 2px #1a1110
|
|
cursor: pointer
|
|
|
|
&:active
|
|
box-shadow: none
|
|
transform: translateY(2px)
|
|
background: transparent
|
|
color: #3f313a |