mirror of
https://github.com/LBRYFoundation/Watch-on-LBRY.git
synced 2025-08-31 01:11:31 +00:00
40036013c2
FireFox defaults to serif for non-button elements. This makes the look of the buttons consistent on both firefox and chrome based browsers.
34 lines
610 B
Sass
34 lines
610 B
Sass
$background-color: #191a1c !default
|
|
$text-color: whitesmoke !default
|
|
|
|
$btn-color: #075656 !default
|
|
$btn-select: teal !default
|
|
|
|
body
|
|
width: 400px
|
|
text-align: center
|
|
background-color: $background-color
|
|
color: $text-color
|
|
font-family: sans-serif
|
|
|
|
.container
|
|
display: block
|
|
text-align: center
|
|
margin: 0 32px
|
|
margin-bottom: 15px
|
|
|
|
.button
|
|
border-radius: 5px
|
|
background-color: $btn-color
|
|
border: 4px solid $btn-color
|
|
color: $text-color
|
|
font-size: 0.8rem
|
|
font-weight: 400
|
|
padding: 4px 15px
|
|
text-align: center
|
|
|
|
&.active
|
|
border: 4px solid $btn-select
|
|
|
|
&:focus
|
|
outline: none
|