bulma/sass/elements/title.sass
2016-10-30 17:35:39 +00:00

57 lines
1.1 KiB
Sass

$title: $grey-darker !default
$title-size: $size-3 !default
$title-weight: $weight-light !default
$title-weight-bold: $weight-semibold !default
$subtitle: $grey-dark !default
$subtitle-size: $size-5 !default
$subtitle-strong: $grey-darker !default
$subtitle-weight: $weight-light !default
.title,
.subtitle
+block
word-break: break-word
em,
span
font-weight: $title-weight
a
&:hover
border-bottom: 1px solid
strong
font-weight: $title-weight-bold
.tag
vertical-align: bottom
.title
color: $title
font-size: $title-size
font-weight: $title-weight
line-height: 1.125
strong
color: inherit
& + .highlight
margin-top: -0.75rem
& + .subtitle
margin-top: -1.25rem
// Colors
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size
.subtitle
color: $subtitle
font-size: $subtitle-size
font-weight: $subtitle-weight
line-height: 1.25
strong
color: $subtitle-strong
& + .title
margin-top: -1.5rem
// Colors
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size