public/vendors/bulma/sass/elements/content.sass

   1 $content-heading-color: $text-strong !default
   2 $content-heading-weight: $weight-semibold !default
   3 $content-heading-line-height: 1.125 !default
   4
   5 $content-blockquote-background-color: $background !default
   6 $content-blockquote-border-left: 5px solid $border !default
   7 $content-blockquote-padding: 1.25em 1.5em !default
   8
   9 $content-pre-padding: 1.25em 1.5em !default
  10
  11 $content-table-cell-border: 1px solid $border !default
  12 $content-table-cell-border-width: 0 0 1px !default
  13 $content-table-cell-padding: 0.5em 0.75em !default
  14 $content-table-cell-heading-color: $text-strong !default
  15 $content-table-head-cell-border-width: 0 0 2px !default
  16 $content-table-head-cell-color: $text-strong !default
  17 $content-table-foot-cell-border-width: 2px 0 0 !default
  18 $content-table-foot-cell-color: $text-strong !default
  19
  20 .content
  21   @extend %block
  22   // Inline
  23   li + li
  24     margin-top: 0.25em
  25   // Block
  26   p,
  27   dl,
  28   ol,
  29   ul,
  30   blockquote,
  31   pre,
  32   table
  33     &:not(:last-child)
  34       margin-bottom: 1em
  35   h1,
  36   h2,
  37   h3,
  38   h4,
  39   h5,
  40   h6
  41     color: $content-heading-color
  42     font-weight: $content-heading-weight
  43     line-height: $content-heading-line-height
  44   h1
  45     font-size: 2em
  46     margin-bottom: 0.5em
  47     &:not(:first-child)
  48       margin-top: 1em
  49   h2
  50     font-size: 1.75em
  51     margin-bottom: 0.5714em
  52     &:not(:first-child)
  53       margin-top: 1.1428em
  54   h3
  55     font-size: 1.5em
  56     margin-bottom: 0.6666em
  57     &:not(:first-child)
  58       margin-top: 1.3333em
  59   h4
  60     font-size: 1.25em
  61     margin-bottom: 0.8em
  62   h5
  63     font-size: 1.125em
  64     margin-bottom: 0.8888em
  65   h6
  66     font-size: 1em
  67     margin-bottom: 1em
  68   blockquote
  69     background-color: $content-blockquote-background-color
  70     border-left: $content-blockquote-border-left
  71     padding: $content-blockquote-padding
  72   ol
  73     list-style-position: outside
  74     margin-left: 2em
  75     margin-top: 1em
  76     &:not([type])
  77       list-style-type: decimal
  78       &.is-lower-alpha
  79         list-style-type: lower-alpha
  80       &.is-lower-roman
  81         list-style-type: lower-roman
  82       &.is-upper-alpha
  83         list-style-type: upper-alpha
  84       &.is-upper-roman
  85         list-style-type: upper-roman
  86   ul
  87     list-style: disc outside
  88     margin-left: 2em
  89     margin-top: 1em
  90     ul
  91       list-style-type: circle
  92       margin-top: 0.5em
  93       ul
  94         list-style-type: square
  95   dd
  96     margin-left: 2em
  97   figure
  98     margin-left: 2em
  99     margin-right: 2em
 100     text-align: center
 101     &:not(:first-child)
 102       margin-top: 2em
 103     &:not(:last-child)
 104       margin-bottom: 2em
 105     img
 106       display: inline-block
 107     figcaption
 108       font-style: italic
 109   pre
 110     +overflow-touch
 111     overflow-x: auto
 112     padding: $content-pre-padding
 113     white-space: pre
 114     word-wrap: normal
 115   sup,
 116   sub
 117     font-size: 75%
 118   table
 119     width: 100%
 120     td,
 121     th
 122       border: $content-table-cell-border
 123       border-width: $content-table-cell-border-width
 124       padding: $content-table-cell-padding
 125       vertical-align: top
 126     th
 127       color: $content-table-cell-heading-color
 128       &:not([align])
 129         text-align: left
 130     thead
 131       td,
 132       th
 133         border-width: $content-table-head-cell-border-width
 134         color: $content-table-head-cell-color
 135     tfoot
 136       td,
 137       th
 138         border-width: $content-table-foot-cell-border-width
 139         color: $content-table-foot-cell-color
 140     tbody
 141       tr
 142         &:last-child
 143           td,
 144           th
 145             border-bottom-width: 0
 146   .tabs
 147     li + li
 148       margin-top: 0
 149   // Sizes
 150   &.is-small
 151     font-size: $size-small
 152   &.is-medium
 153     font-size: $size-medium
 154   &.is-large
 155     font-size: $size-large