mirror of
https://github.com/zrgn/zrgn.github.io
synced 2024-12-28 09:36:33 +00:00
143 lines
2.5 KiB
Sass
143 lines
2.5 KiB
Sass
|
$body-background-color: $white !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,
|
||
|
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: left
|
||
|
th
|
||
|
color: $text-strong
|