123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157 |
- @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-medium
- font-size: $size-medium
- &.is-large
- font-size: $size-large
|