bulma/sass/elements/content.sass

110 lines
1.9 KiB
Sass
Raw Normal View History

2016-01-24 00:03:43 +00:00
.content
2016-09-22 22:14:18 +00:00
+block
2016-09-22 18:48:42 +00:00
color: $text
2016-04-10 15:56:27 +00:00
// Inline
2016-06-29 22:29:52 +00:00
a:not(.button)
border-bottom: 1px solid $border
2016-05-08 00:35:43 +00:00
&:visited
color: $link-visited
&:hover
border-bottom-color: $link
2016-04-10 15:56:27 +00:00
li + li
margin-top: 0.25em
// Block
p,
ol,
2016-10-30 14:59:46 +00:00
ul,
blockquote,
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
color: $text-strong
2016-10-30 10:41:53 +00:00
font-weight: $weight-normal
2016-01-24 00:03:43 +00:00
line-height: 1.125
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
background-color: $background
border-left: 5px solid $border
padding: 1.25em 1.5em
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-right: 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-right: 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
2016-10-30 14:59:46 +00:00
table
width: 100%
td,
th
border: 1px solid $border
border-width: 0 0 1px
padding: 0.5em 0.75em
vertical-align: top
th
color: $text-strong
text-align: left
tr
&:hover
background-color: $background
thead
td,
th
border-width: 0 0 2px
color: $text-strong
tfoot
td,
th
border-width: 2px 0 0
color: $text-strong
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