bulma/sass/elements/content.sass

146 lines
3.3 KiB
Sass
Raw Normal View History

2017-07-28 20:05:15 +00:00
$content-heading-color: $text-strong !default
$content-heading-weight: $weight-normal !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-row-hover-background-color: $background !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
2016-01-24 00:03:43 +00:00
.content
2016-09-22 22:14:18 +00:00
+block
2016-04-10 15:56:27 +00:00
// Inline
li + li
margin-top: 0.25em
// Block
p,
2017-04-02 13:51:40 +00:00
dl,
2016-04-10 15:56:27 +00:00
ol,
2016-10-30 14:59:46 +00:00
ul,
blockquote,
2017-04-02 13:51:40 +00:00
pre,
2016-10-30 14:59:46 +00:00
table
2016-04-10 15:56:27 +00:00
&:not(:last-child)
margin-bottom: 1em
2016-01-24 00:03:43 +00:00
h1,
h2,
h3,
h4,
h5,
h6
2017-07-28 20:05:15 +00:00
color: $content-heading-color
font-weight: $content-heading-weight
line-height: $content-heading-line-height
2016-01-24 00:03:43 +00:00
h1
font-size: 2em
2016-10-29 17:53:30 +00:00
margin-bottom: 0.5em
&:not(:first-child)
margin-top: 1em
2016-01-24 00:03:43 +00:00
h2
font-size: 1.75em
2016-10-29 17:53:30 +00:00
margin-bottom: 0.5714em
&:not(:first-child)
margin-top: 1.1428em
2016-01-24 00:03:43 +00:00
h3
font-size: 1.5em
2016-10-29 17:53:30 +00:00
margin-bottom: 0.6666em
&:not(:first-child)
margin-top: 1.3333em
2016-01-24 00:03:43 +00:00
h4
font-size: 1.25em
2016-10-29 17:53:30 +00:00
margin-bottom: 0.8em
2016-01-24 00:03:43 +00:00
h5
font-size: 1.125em
2016-10-29 17:53:30 +00:00
margin-bottom: 0.8888em
2016-01-24 00:03:43 +00:00
h6
font-size: 1em
2016-10-29 17:53:30 +00:00
margin-bottom: 1em
blockquote
2017-07-28 20:05:15 +00:00
background-color: $content-blockquote-background-color
border-left: $content-blockquote-border-left
padding: $content-blockquote-padding
2016-01-24 00:03:43 +00:00
ol
list-style: decimal outside
2016-04-10 15:56:27 +00:00
margin-left: 2em
margin-top: 1em
2016-01-24 00:03:43 +00:00
ul
list-style: disc outside
2016-04-10 15:56:27 +00:00
margin-left: 2em
margin-top: 1em
2016-01-24 00:03:43 +00:00
ul
list-style-type: circle
margin-top: 0.5em
ul
list-style-type: square
2017-04-02 13:51:40 +00:00
dd
2017-07-02 15:52:20 +00:00
margin-left: 2em
figure
2017-09-09 21:56:54 +00:00
margin-left: 2em
margin-right: 2em
2017-07-02 15:52:20 +00:00
text-align: center
2017-09-09 21:56:54 +00:00
&:not(:first-child)
margin-top: 2em
&:not(:last-child)
margin-bottom: 2em
2017-07-02 15:52:20 +00:00
img
display: inline-block
figcaption
font-style: italic
pre
2017-04-02 13:51:40 +00:00
+overflow-touch
overflow-x: auto
2017-07-28 20:05:15 +00:00
padding: $content-pre-padding
2017-04-02 13:51:40 +00:00
white-space: pre
2017-07-02 15:52:20 +00:00
word-wrap: normal
sup,
sub
2017-07-28 20:05:15 +00:00
font-size: 75%
2016-10-30 14:59:46 +00:00
table
width: 100%
td,
th
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
2016-10-30 14:59:46 +00:00
vertical-align: top
th
2017-07-28 20:05:15 +00:00
color: $content-table-cell-heading-color
2016-10-30 14:59:46 +00:00
text-align: left
tr
&:hover
2017-07-28 20:05:15 +00:00
background-color: $content-table-row-hover-background-color
2016-10-30 14:59:46 +00:00
thead
td,
th
2017-07-28 20:05:15 +00:00
border-width: $content-table-head-cell-border-width
color: $content-table-head-cell-color
2016-10-30 14:59:46 +00:00
tfoot
td,
th
2017-07-28 20:05:15 +00:00
border-width: $content-table-foot-cell-border-width
color: $content-table-foot-cell-color
2016-10-30 14:59:46 +00:00
tbody
tr
&:last-child
td,
th
border-bottom-width: 0
2016-04-10 15:56:27 +00:00
// Sizes
2016-10-29 17:53:30 +00:00
&.is-small
font-size: $size-small
2016-04-10 15:56:27 +00:00
&.is-medium
2016-10-29 17:53:30 +00:00
font-size: $size-medium
2016-04-10 15:56:27 +00:00
&.is-large
2016-10-29 17:53:30 +00:00
font-size: $size-large