bulma/sass/elements/title.sass

65 lines
1.5 KiB
Sass
Raw Normal View History

2017-07-28 20:05:15 +00:00
$title-color: $grey-darker !default
$title-size: $size-3 !default
2017-07-29 13:59:10 +00:00
$title-weight: $weight-semibold !default
2018-04-09 11:45:52 +00:00
$title-line-height: 1.125 !default
2017-07-28 21:57:51 +00:00
$title-strong-color: inherit !default
$title-strong-weight: inherit !default
2017-11-07 15:55:00 +00:00
$title-sub-size: 0.75em !default
$title-sup-size: 0.75em !default
2016-10-30 10:41:53 +00:00
2017-07-28 20:05:15 +00:00
$subtitle-color: $grey-dark !default
$subtitle-size: $size-5 !default
2017-07-28 21:57:51 +00:00
$subtitle-weight: $weight-normal !default
2018-04-09 11:45:52 +00:00
$subtitle-line-height: 1.25 !default
2017-07-28 21:57:51 +00:00
$subtitle-strong-color: $grey-darker !default
$subtitle-strong-weight: $weight-semibold !default
2018-04-09 11:45:52 +00:00
$subtitle-negative-margin: -1.25rem !default
2016-10-30 10:41:53 +00:00
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
2017-07-28 21:57:51 +00:00
font-weight: inherit
sub
font-size: $title-sub-size
sup
font-size: $title-sup-size
.tag
2016-12-23 13:59:26 +00:00
vertical-align: middle
2016-01-24 00:03:43 +00:00
.title
2017-07-28 20:05:15 +00:00
color: $title-color
2016-10-30 10:41:53 +00:00
font-size: $title-size
font-weight: $title-weight
2018-04-09 11:45:52 +00:00
line-height: $title-line-height
2016-04-10 15:00:32 +00:00
strong
2017-07-28 21:57:51 +00:00
color: $title-strong-color
font-weight: $title-strong-weight
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
2018-04-09 11:45:52 +00:00
margin-top: $subtitle-negative-margin
2017-05-27 20:05:05 +00:00
// Sizes
2016-01-24 00:03:43 +00:00
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size
.subtitle
2017-07-28 20:05:15 +00:00
color: $subtitle-color
2016-10-30 10:41:53 +00:00
font-size: $subtitle-size
font-weight: $subtitle-weight
2018-04-09 11:45:52 +00:00
line-height: $subtitle-line-height
2016-04-10 15:00:32 +00:00
strong
2017-07-28 21:57:51 +00:00
color: $subtitle-strong-color
font-weight: $subtitle-strong-weight
2017-03-14 22:38:45 +00:00
&:not(.is-spaced) + .title
2018-04-09 11:45:52 +00:00
margin-top: $subtitle-negative-margin
2017-05-27 20:05:05 +00:00
// Sizes
2016-01-24 00:03:43 +00:00
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size