2021-02-15 07:50:28 +00:00
|
|
|
@import "../utilities/mixins"
|
|
|
|
|
|
|
|
$title-color: $text-strong !default
|
|
|
|
$title-family: false !default
|
2018-01-29 09:42:34 +00:00
|
|
|
$title-size: $size-3 !default
|
|
|
|
$title-weight: $weight-semibold !default
|
2021-02-15 07:50:28 +00:00
|
|
|
$title-line-height: 1.125 !default
|
2018-01-29 09:42:34 +00:00
|
|
|
$title-strong-color: inherit !default
|
|
|
|
$title-strong-weight: inherit !default
|
|
|
|
$title-sub-size: 0.75em !default
|
|
|
|
$title-sup-size: 0.75em !default
|
|
|
|
|
2021-02-15 07:50:28 +00:00
|
|
|
$subtitle-color: $text !default
|
|
|
|
$subtitle-family: false !default
|
2018-01-29 09:42:34 +00:00
|
|
|
$subtitle-size: $size-5 !default
|
|
|
|
$subtitle-weight: $weight-normal !default
|
2021-02-15 07:50:28 +00:00
|
|
|
$subtitle-line-height: 1.25 !default
|
|
|
|
$subtitle-strong-color: $text-strong !default
|
2018-01-29 09:42:34 +00:00
|
|
|
$subtitle-strong-weight: $weight-semibold !default
|
2021-02-15 07:50:28 +00:00
|
|
|
$subtitle-negative-margin: -1.25rem !default
|
2018-01-29 09:42:34 +00:00
|
|
|
|
|
|
|
.title,
|
|
|
|
.subtitle
|
2021-02-15 07:50:28 +00:00
|
|
|
@extend %block
|
2018-01-29 09:42:34 +00:00
|
|
|
word-break: break-word
|
|
|
|
em,
|
|
|
|
span
|
|
|
|
font-weight: inherit
|
|
|
|
sub
|
|
|
|
font-size: $title-sub-size
|
|
|
|
sup
|
|
|
|
font-size: $title-sup-size
|
|
|
|
.tag
|
|
|
|
vertical-align: middle
|
|
|
|
|
|
|
|
.title
|
|
|
|
color: $title-color
|
2021-02-15 07:50:28 +00:00
|
|
|
@if $title-family
|
|
|
|
font-family: $title-family
|
2018-01-29 09:42:34 +00:00
|
|
|
font-size: $title-size
|
|
|
|
font-weight: $title-weight
|
2021-02-15 07:50:28 +00:00
|
|
|
line-height: $title-line-height
|
2018-01-29 09:42:34 +00:00
|
|
|
strong
|
|
|
|
color: $title-strong-color
|
|
|
|
font-weight: $title-strong-weight
|
|
|
|
& + .highlight
|
|
|
|
margin-top: -0.75rem
|
|
|
|
&:not(.is-spaced) + .subtitle
|
2021-02-15 07:50:28 +00:00
|
|
|
margin-top: $subtitle-negative-margin
|
2018-01-29 09:42:34 +00:00
|
|
|
// Sizes
|
|
|
|
@each $size in $sizes
|
|
|
|
$i: index($sizes, $size)
|
|
|
|
&.is-#{$i}
|
|
|
|
font-size: $size
|
|
|
|
|
|
|
|
.subtitle
|
|
|
|
color: $subtitle-color
|
2021-02-15 07:50:28 +00:00
|
|
|
@if $subtitle-family
|
|
|
|
font-family: $subtitle-family
|
2018-01-29 09:42:34 +00:00
|
|
|
font-size: $subtitle-size
|
|
|
|
font-weight: $subtitle-weight
|
2021-02-15 07:50:28 +00:00
|
|
|
line-height: $subtitle-line-height
|
2018-01-29 09:42:34 +00:00
|
|
|
strong
|
|
|
|
color: $subtitle-strong-color
|
|
|
|
font-weight: $subtitle-strong-weight
|
|
|
|
&:not(.is-spaced) + .title
|
2021-02-15 07:50:28 +00:00
|
|
|
margin-top: $subtitle-negative-margin
|
2018-01-29 09:42:34 +00:00
|
|
|
// Sizes
|
|
|
|
@each $size in $sizes
|
|
|
|
$i: index($sizes, $size)
|
|
|
|
&.is-#{$i}
|
|
|
|
font-size: $size
|