mirror of
https://github.com/jgthms/bulma.git
synced 2024-12-12 13:28:30 +00:00
98090feaf8
In the latest version of Firefox, the `font-family` is respected for `option`s in a `select`, but not for `option`s in an `optgroup` is a `select`. This fixes that.
144 lines
2.5 KiB
Sass
144 lines
2.5 KiB
Sass
$body-background-color: $scheme-main !default
|
|
$body-size: 16px !default
|
|
$body-min-width: 300px !default
|
|
$body-rendering: optimizeLegibility !default
|
|
$body-family: $family-primary !default
|
|
$body-overflow-x: hidden !default
|
|
$body-overflow-y: scroll !default
|
|
|
|
$body-color: $text !default
|
|
$body-font-size: 1em !default
|
|
$body-weight: $weight-normal !default
|
|
$body-line-height: 1.5 !default
|
|
|
|
$code-family: $family-code !default
|
|
$code-padding: 0.25em 0.5em 0.25em !default
|
|
$code-weight: normal !default
|
|
$code-size: 0.875em !default
|
|
|
|
$small-font-size: 0.875em !default
|
|
|
|
$hr-background-color: $background !default
|
|
$hr-height: 2px !default
|
|
$hr-margin: 1.5rem 0 !default
|
|
|
|
$strong-color: $text-strong !default
|
|
$strong-weight: $weight-bold !default
|
|
|
|
$pre-font-size: 0.875em !default
|
|
$pre-padding: 1.25rem 1.5rem !default
|
|
$pre-code-font-size: 1em !default
|
|
|
|
html
|
|
background-color: $body-background-color
|
|
font-size: $body-size
|
|
-moz-osx-font-smoothing: grayscale
|
|
-webkit-font-smoothing: antialiased
|
|
min-width: $body-min-width
|
|
overflow-x: $body-overflow-x
|
|
overflow-y: $body-overflow-y
|
|
text-rendering: $body-rendering
|
|
text-size-adjust: 100%
|
|
|
|
article,
|
|
aside,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
section
|
|
display: block
|
|
|
|
body,
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea
|
|
font-family: $body-family
|
|
|
|
code,
|
|
pre
|
|
-moz-osx-font-smoothing: auto
|
|
-webkit-font-smoothing: auto
|
|
font-family: $code-family
|
|
|
|
body
|
|
color: $body-color
|
|
font-size: $body-font-size
|
|
font-weight: $body-weight
|
|
line-height: $body-line-height
|
|
|
|
// Inline
|
|
|
|
a
|
|
color: $link
|
|
cursor: pointer
|
|
text-decoration: none
|
|
strong
|
|
color: currentColor
|
|
&:hover
|
|
color: $link-hover
|
|
|
|
code
|
|
background-color: $code-background
|
|
color: $code
|
|
font-size: $code-size
|
|
font-weight: $code-weight
|
|
padding: $code-padding
|
|
|
|
hr
|
|
background-color: $hr-background-color
|
|
border: none
|
|
display: block
|
|
height: $hr-height
|
|
margin: $hr-margin
|
|
|
|
img
|
|
height: auto
|
|
max-width: 100%
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"]
|
|
vertical-align: baseline
|
|
|
|
small
|
|
font-size: $small-font-size
|
|
|
|
span
|
|
font-style: inherit
|
|
font-weight: inherit
|
|
|
|
strong
|
|
color: $strong-color
|
|
font-weight: $strong-weight
|
|
|
|
// Block
|
|
|
|
fieldset
|
|
border: none
|
|
|
|
pre
|
|
+overflow-touch
|
|
background-color: $pre-background
|
|
color: $pre
|
|
font-size: $pre-font-size
|
|
overflow-x: auto
|
|
padding: $pre-padding
|
|
white-space: pre
|
|
word-wrap: normal
|
|
code
|
|
background-color: transparent
|
|
color: currentColor
|
|
font-size: $pre-code-font-size
|
|
padding: 0
|
|
|
|
table
|
|
td,
|
|
th
|
|
vertical-align: top
|
|
&:not([align])
|
|
text-align: inherit
|
|
th
|
|
color: $text-strong
|