60 lines
977 B
Sass
60 lines
977 B
Sass
@mixin import-whitney($weight)
|
|
@font-face
|
|
font-family: Whitney
|
|
font-weight: $weight
|
|
src: url(relative("/assets/fonts/whitney-" + $weight + ".woff")) format("woff2")
|
|
|
|
+import-whitney(400)
|
|
+import-whitney(500)
|
|
|
|
body
|
|
font-family: sans-serif
|
|
background-color: #36393e
|
|
color: #ddd
|
|
font-size: 16px
|
|
font-family: Whitney
|
|
line-height: 1.45
|
|
margin: 0
|
|
height: 100vh
|
|
font-weight: 400
|
|
|
|
.main
|
|
height: 100vh
|
|
display: flex
|
|
|
|
button
|
|
appearance: none
|
|
border: none
|
|
background: none
|
|
color: inherit
|
|
font-family: inherit
|
|
font-size: inherit
|
|
font-style: inherit
|
|
font-weight: inherit
|
|
padding: 0
|
|
margin: 0
|
|
line-height: inherit
|
|
cursor: inherit
|
|
|
|
// focus resets
|
|
|
|
:focus
|
|
outline: none
|
|
|
|
:-moz-focusring
|
|
outline: none
|
|
|
|
::-moz-focus-inner
|
|
border: 0
|
|
|
|
select:-moz-focusring
|
|
color: transparent
|
|
text-shadow: 0 0 0 #ddd
|
|
|
|
body.show-focus
|
|
a, select, button, input, video, div, span
|
|
outline-color: #fff
|
|
|
|
&:focus
|
|
outline: 2px dotted
|