bulma/sass/elements/title.sass

71 lines
1.7 KiB
Sass
Raw Normal View History

2020-10-31 23:52:27 +00:00
@import "../utilities/mixins"
2019-10-13 14:12:30 +00:00
$title-color: $text-strong !default
2019-05-17 13:02:12 +00:00
$title-family: false !default
2017-07-28 20:05:15 +00:00
$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
2019-10-13 14:12:30 +00:00
$subtitle-color: $text !default
2019-05-17 13:02:12 +00:00
$subtitle-family: false !default
2017-07-28 20:05:15 +00:00
$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
2019-10-13 14:12:30 +00:00
$subtitle-strong-color: $text-strong !default
2017-07-28 21:57:51 +00:00
$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
2018-09-04 13:24:50 +00:00
@extend %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
2019-05-17 13:02:12 +00:00
@if $title-family
font-family: $title-family
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
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
2019-05-17 13:02:12 +00:00
@if $subtitle-family
font-family: $subtitle-family
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