deps.rs/assets/styles/bulma/elements/title.sass

71 lines
1.7 KiB
Sass
Raw Normal View History

@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
$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
$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
$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
$subtitle-negative-margin: -1.25rem !default
2018-01-29 09:42:34 +00:00
.title,
.subtitle
@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
@if $title-family
font-family: $title-family
2018-01-29 09:42:34 +00:00
font-size: $title-size
font-weight: $title-weight
line-height: $title-line-height
2018-01-29 09:42:34 +00:00
strong
color: $title-strong-color
font-weight: $title-strong-weight
&:not(.is-spaced) + .subtitle
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
@if $subtitle-family
font-family: $subtitle-family
2018-01-29 09:42:34 +00:00
font-size: $subtitle-size
font-weight: $subtitle-weight
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
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