You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
2.6 KiB
145 lines
2.6 KiB
@import "../utilities/mixins" |
|
|
|
$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
|
|
|