bulma/sass/elements/title.sass

54 lines
1.1 KiB
Sass
Raw Normal View History

2016-10-30 10:41:53 +00:00
$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
2016-01-24 00:03:43 +00:00
.title,
.subtitle
2016-09-22 22:14:18 +00:00
+block
word-break: break-word
em,
span
2016-10-30 10:41:53 +00:00
font-weight: $title-weight
2016-04-10 15:00:32 +00:00
strong
2016-10-30 10:41:53 +00:00
font-weight: $title-weight-bold
.tag
2016-12-23 13:59:26 +00:00
vertical-align: middle
2016-01-24 00:03:43 +00:00
.title
2016-10-30 10:41:53 +00:00
color: $title
font-size: $title-size
font-weight: $title-weight
2016-10-29 17:53:30 +00:00
line-height: 1.125
2016-04-10 15:00:32 +00:00
strong
color: inherit
2016-01-24 00:03:43 +00:00
& + .highlight
2016-10-29 17:53:30 +00:00
margin-top: -0.75rem
2017-03-14 22:38:45 +00:00
&:not(.is-spaced) + .subtitle
margin-top: -1.5rem
2016-04-10 15:00:32 +00:00
// Colors
2016-01-24 00:03:43 +00:00
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size
.subtitle
2016-10-30 10:41:53 +00:00
color: $subtitle
font-size: $subtitle-size
font-weight: $subtitle-weight
2016-10-29 17:53:30 +00:00
line-height: 1.25
2016-04-10 15:00:32 +00:00
strong
2016-10-30 10:41:53 +00:00
color: $subtitle-strong
2017-03-14 22:38:45 +00:00
&:not(.is-spaced) + .title
2016-10-30 17:35:39 +00:00
margin-top: -1.5rem
2016-04-10 15:00:32 +00:00
// Colors
2016-01-24 00:03:43 +00:00
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size