bulma/sass/elements/content.sass

$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
    border-left: $content-blockquote-border-left
    padding: $content-blockquote-padding
  ol
    list-style-position: outside
    margin-left: 2em
    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
    margin-left: 2em
    margin-top: 1em
    ul
      list-style-type: circle
      margin-top: 0.5em
      ul
        list-style-type: square
  dd
    margin-left: 2em
  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: left
    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
Add customisation variables 2017-07-28 20:05:15 +00:00			`$content-heading-color: $text-strong !default`
Fix button docs 2018-04-11 23:20:58 +00:00			`$content-heading-weight: $weight-semibold !default`
Add customisation variables 2017-07-28 20:05:15 +00:00			`$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`

Init 2016-01-24 00:03:43 +00:00			`.content`
Fix mixins/extends confusion 2018-09-04 13:24:50 +00:00			`@extend %block`
Fix layout code style 2016-04-10 15:56:27 +00:00			`// Inline`
			`li + li`
			`margin-top: 0.25em`
			`// Block`
			`p,`
Fix #565, Fix #389 2017-04-02 13:51:40 +00:00			`dl,`
Fix layout code style 2016-04-10 15:56:27 +00:00			`ol,`
Fix inputs with icons 2016-10-30 14:59:46 +00:00			`ul,`
			`blockquote,`
Fix #565, Fix #389 2017-04-02 13:51:40 +00:00			`pre,`
Fix inputs with icons 2016-10-30 14:59:46 +00:00			`table`
Fix layout code style 2016-04-10 15:56:27 +00:00			`&:not(:last-child)`
			`margin-bottom: 1em`
Init 2016-01-24 00:03:43 +00:00			`h1,`
			`h2,`
			`h3,`
			`h4,`
			`h5,`
			`h6`
Add customisation variables 2017-07-28 20:05:15 +00:00			`color: $content-heading-color`
			`font-weight: $content-heading-weight`
			`line-height: $content-heading-line-height`
Init 2016-01-24 00:03:43 +00:00			`h1`
			`font-size: 2em`
Use em for controls 2016-10-29 17:53:30 +00:00			`margin-bottom: 0.5em`
			`&:not(:first-child)`
			`margin-top: 1em`
Init 2016-01-24 00:03:43 +00:00			`h2`
			`font-size: 1.75em`
Use em for controls 2016-10-29 17:53:30 +00:00			`margin-bottom: 0.5714em`
			`&:not(:first-child)`
			`margin-top: 1.1428em`
Init 2016-01-24 00:03:43 +00:00			`h3`
			`font-size: 1.5em`
Use em for controls 2016-10-29 17:53:30 +00:00			`margin-bottom: 0.6666em`
			`&:not(:first-child)`
			`margin-top: 1.3333em`
Init 2016-01-24 00:03:43 +00:00			`h4`
			`font-size: 1.25em`
Use em for controls 2016-10-29 17:53:30 +00:00			`margin-bottom: 0.8em`
Init 2016-01-24 00:03:43 +00:00			`h5`
			`font-size: 1.125em`
Use em for controls 2016-10-29 17:53:30 +00:00			`margin-bottom: 0.8888em`
Init 2016-01-24 00:03:43 +00:00			`h6`
			`font-size: 1em`
Use em for controls 2016-10-29 17:53:30 +00:00			`margin-bottom: 1em`
			`blockquote`
Add customisation variables 2017-07-28 20:05:15 +00:00			`background-color: $content-blockquote-background-color`
			`border-left: $content-blockquote-border-left`
			`padding: $content-blockquote-padding`
Init 2016-01-24 00:03:43 +00:00			`ol`
Add content ol types 2018-10-07 17:04:09 +00:00			`list-style-position: outside`
Fix layout code style 2016-04-10 15:56:27 +00:00			`margin-left: 2em`
			`margin-top: 1em`
Add content ol types 2018-10-07 17:04:09 +00:00			`&: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`
Init 2016-01-24 00:03:43 +00:00			`ul`
			`list-style: disc outside`
Fix layout code style 2016-04-10 15:56:27 +00:00			`margin-left: 2em`
			`margin-top: 1em`
Init 2016-01-24 00:03:43 +00:00			`ul`
			`list-style-type: circle`
			`margin-top: 0.5em`
			`ul`
Update changelog 2019-05-18 15:24:42 +00:00			`list-style-type: square`
Fix #565, Fix #389 2017-04-02 13:51:40 +00:00			`dd`
Add navbar component, Fix JS highlight 2017-07-02 15:52:20 +00:00			`margin-left: 2em`
			`figure`
Navbar colors docs 2017-09-09 21:56:54 +00:00			`margin-left: 2em`
			`margin-right: 2em`
Add navbar component, Fix JS highlight 2017-07-02 15:52:20 +00:00			`text-align: center`
Navbar colors docs 2017-09-09 21:56:54 +00:00			`&:not(:first-child)`
			`margin-top: 2em`
			`&:not(:last-child)`
			`margin-bottom: 2em`
Add navbar component, Fix JS highlight 2017-07-02 15:52:20 +00:00			`img`
			`display: inline-block`
			`figcaption`
			`font-style: italic`
			`pre`
Fix #565, Fix #389 2017-04-02 13:51:40 +00:00			`+overflow-touch`
			`overflow-x: auto`
Add customisation variables 2017-07-28 20:05:15 +00:00			`padding: $content-pre-padding`
Fix #565, Fix #389 2017-04-02 13:51:40 +00:00			`white-space: pre`
Add navbar component, Fix JS highlight 2017-07-02 15:52:20 +00:00			`word-wrap: normal`
			`sup,`
			`sub`
Add customisation variables 2017-07-28 20:05:15 +00:00			`font-size: 75%`
Fix inputs with icons 2016-10-30 14:59:46 +00:00			`table`
			`width: 100%`
			`td,`
			`th`
Add customisation variables 2017-07-28 20:05:15 +00:00			`border: $content-table-cell-border`
			`border-width: $content-table-cell-border-width`
			`padding: $content-table-cell-padding`
Fix inputs with icons 2016-10-30 14:59:46 +00:00			`vertical-align: top`
			`th`
Add customisation variables 2017-07-28 20:05:15 +00:00			`color: $content-table-cell-heading-color`
Fix th and td selectors that override the attribute 'align' 2019-03-22 23:58:41 +00:00			`&:not([align])`
			`text-align: left`
Fix inputs with icons 2016-10-30 14:59:46 +00:00			`thead`
			`td,`
			`th`
Add customisation variables 2017-07-28 20:05:15 +00:00			`border-width: $content-table-head-cell-border-width`
			`color: $content-table-head-cell-color`
Fix inputs with icons 2016-10-30 14:59:46 +00:00			`tfoot`
			`td,`
			`th`
Add customisation variables 2017-07-28 20:05:15 +00:00			`border-width: $content-table-foot-cell-border-width`
			`color: $content-table-foot-cell-color`
Fix inputs with icons 2016-10-30 14:59:46 +00:00			`tbody`
			`tr`
			`&:last-child`
			`td,`
			`th`
			`border-bottom-width: 0`
proper aligning for tabs (#2175) * adds baseline to tabs ul [x] fix for #2172 * Update tabs.sass * Update content.sass * Update content.sass * Update content.sass * Update content.sass * Update content.sass 2019-05-18 15:20:42 +00:00			`.tabs`
			`li + li`
Update changelog 2019-05-18 15:24:42 +00:00			`margin-top: 0`
Fix layout code style 2016-04-10 15:56:27 +00:00			`// Sizes`
Use em for controls 2016-10-29 17:53:30 +00:00			`&.is-small`
			`font-size: $size-small`
Fix layout code style 2016-04-10 15:56:27 +00:00			`&.is-medium`
Use em for controls 2016-10-29 17:53:30 +00:00			`font-size: $size-medium`
Fix layout code style 2016-04-10 15:56:27 +00:00			`&.is-large`
Use em for controls 2016-10-29 17:53:30 +00:00			`font-size: $size-large`