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
|
2016-04-18 20:09:44 +00:00
|
|
|
word-break: break-word
|
2016-02-27 15:46:05 +00:00
|
|
|
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
|
2016-02-21 22:46:02 +00:00
|
|
|
.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
|
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
|
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
|
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
|
