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.
159 lines
3.6 KiB
159 lines
3.6 KiB
@import "../utilities/mixins" |
|
|
|
$content-heading-color: $text-strong !default |
|
$content-heading-weight: $weight-semibold !default |
|
$content-heading-line-height: 1.125 !default |
|
|
|
$content-blockquote-background-color: $background !default |
|
$content-blockquote-border-left: 5px solid $border !default |
|
$content-blockquote-padding: 1.25em 1.5em !default |
|
|
|
$content-pre-padding: 1.25em 1.5em !default |
|
|
|
$content-table-cell-border: 1px solid $border !default |
|
$content-table-cell-border-width: 0 0 1px !default |
|
$content-table-cell-padding: 0.5em 0.75em !default |
|
$content-table-cell-heading-color: $text-strong !default |
|
$content-table-head-cell-border-width: 0 0 2px !default |
|
$content-table-head-cell-color: $text-strong !default |
|
$content-table-foot-cell-border-width: 2px 0 0 !default |
|
$content-table-foot-cell-color: $text-strong !default |
|
|
|
.content |
|
@extend %block |
|
// Inline |
|
li + li |
|
margin-top: 0.25em |
|
// Block |
|
p, |
|
dl, |
|
ol, |
|
ul, |
|
blockquote, |
|
pre, |
|
table |
|
&:not(:last-child) |
|
margin-bottom: 1em |
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 |
|
color: $content-heading-color |
|
font-weight: $content-heading-weight |
|
line-height: $content-heading-line-height |
|
h1 |
|
font-size: 2em |
|
margin-bottom: 0.5em |
|
&:not(:first-child) |
|
margin-top: 1em |
|
h2 |
|
font-size: 1.75em |
|
margin-bottom: 0.5714em |
|
&:not(:first-child) |
|
margin-top: 1.1428em |
|
h3 |
|
font-size: 1.5em |
|
margin-bottom: 0.6666em |
|
&:not(:first-child) |
|
margin-top: 1.3333em |
|
h4 |
|
font-size: 1.25em |
|
margin-bottom: 0.8em |
|
h5 |
|
font-size: 1.125em |
|
margin-bottom: 0.8888em |
|
h6 |
|
font-size: 1em |
|
margin-bottom: 1em |
|
blockquote |
|
background-color: $content-blockquote-background-color |
|
+ltr-property("border", $content-blockquote-border-left, false) |
|
padding: $content-blockquote-padding |
|
ol |
|
list-style-position: outside |
|
+ltr-property("margin", 2em, false) |
|
margin-top: 1em |
|
&:not([type]) |
|
list-style-type: decimal |
|
&.is-lower-alpha |
|
list-style-type: lower-alpha |
|
&.is-lower-roman |
|
list-style-type: lower-roman |
|
&.is-upper-alpha |
|
list-style-type: upper-alpha |
|
&.is-upper-roman |
|
list-style-type: upper-roman |
|
ul |
|
list-style: disc outside |
|
+ltr-property("margin", 2em, false) |
|
margin-top: 1em |
|
ul |
|
list-style-type: circle |
|
margin-top: 0.5em |
|
ul |
|
list-style-type: square |
|
dd |
|
+ltr-property("margin", 2em, false) |
|
figure |
|
margin-left: 2em |
|
margin-right: 2em |
|
text-align: center |
|
&:not(:first-child) |
|
margin-top: 2em |
|
&:not(:last-child) |
|
margin-bottom: 2em |
|
img |
|
display: inline-block |
|
figcaption |
|
font-style: italic |
|
pre |
|
+overflow-touch |
|
overflow-x: auto |
|
padding: $content-pre-padding |
|
white-space: pre |
|
word-wrap: normal |
|
sup, |
|
sub |
|
font-size: 75% |
|
table |
|
width: 100% |
|
td, |
|
th |
|
border: $content-table-cell-border |
|
border-width: $content-table-cell-border-width |
|
padding: $content-table-cell-padding |
|
vertical-align: top |
|
th |
|
color: $content-table-cell-heading-color |
|
&:not([align]) |
|
text-align: inherit |
|
thead |
|
td, |
|
th |
|
border-width: $content-table-head-cell-border-width |
|
color: $content-table-head-cell-color |
|
tfoot |
|
td, |
|
th |
|
border-width: $content-table-foot-cell-border-width |
|
color: $content-table-foot-cell-color |
|
tbody |
|
tr |
|
&:last-child |
|
td, |
|
th |
|
border-bottom-width: 0 |
|
.tabs |
|
li + li |
|
margin-top: 0 |
|
// Sizes |
|
&.is-small |
|
font-size: $size-small |
|
&.is-normal |
|
font-size: $size-normal |
|
&.is-medium |
|
font-size: $size-medium |
|
&.is-large |
|
font-size: $size-large
|
|
|