bulma/sass/elements/title.sass

@import "../utilities/mixins"

$title-color: $text-strong !default
$title-family: false !default
$title-size: $size-3 !default
$title-weight: $weight-semibold !default
$title-line-height: 1.125 !default
$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
$subtitle-size: $size-5 !default
$subtitle-weight: $weight-normal !default
$subtitle-line-height: 1.25 !default
$subtitle-strong-color: $text-strong !default
$subtitle-strong-weight: $weight-semibold !default
$subtitle-negative-margin: -1.25rem !default

.title,
.subtitle
  @extend %block
  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
  font-size: $title-size
  font-weight: $title-weight
  line-height: $title-line-height
  strong
    color: $title-strong-color
    font-weight: $title-strong-weight
  & + .highlight
    margin-top: -0.75rem
  &:not(.is-spaced) + .subtitle
    margin-top: $subtitle-negative-margin
  // 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
  font-size: $subtitle-size
  font-weight: $subtitle-weight
  line-height: $subtitle-line-height
  strong
    color: $subtitle-strong-color
    font-weight: $subtitle-strong-weight
  &:not(.is-spaced) + .title
    margin-top: $subtitle-negative-margin
  // Sizes
  @each $size in $sizes
    $i: index($sizes, $size)
    &.is-#{$i}
      font-size: $size
Use imports everywhere 2020-10-31 23:52:27 +00:00			`@import "../utilities/mixins"`

Add color scheme 2019-10-13 14:12:30 +00:00			`$title-color: $text-strong !default`
Fix #349 2019-05-17 13:02:12 +00:00			`$title-family: false !default`
Add customisation variables 2017-07-28 20:05:15 +00:00			`$title-size: $size-3 !default`
Optimize message docs 2017-07-29 13:59:10 +00:00			`$title-weight: $weight-semibold !default`
Create links nav 2018-04-09 11:45:52 +00:00			`$title-line-height: 1.125 !default`
Add tags 2017-07-28 21:57:51 +00:00			`$title-strong-color: inherit !default`
			`$title-strong-weight: inherit !default`
Update changelog 2017-11-07 15:55:00 +00:00			`$title-sub-size: 0.75em !default`
			`$title-sup-size: 0.75em !default`
Fix button icons 2016-10-30 10:41:53 +00:00
Add color scheme 2019-10-13 14:12:30 +00:00			`$subtitle-color: $text !default`
Fix #349 2019-05-17 13:02:12 +00:00			`$subtitle-family: false !default`
Add customisation variables 2017-07-28 20:05:15 +00:00			`$subtitle-size: $size-5 !default`
Add tags 2017-07-28 21:57:51 +00:00			`$subtitle-weight: $weight-normal !default`
Create links nav 2018-04-09 11:45:52 +00:00			`$subtitle-line-height: 1.25 !default`
Add color scheme 2019-10-13 14:12:30 +00:00			`$subtitle-strong-color: $text-strong !default`
Add tags 2017-07-28 21:57:51 +00:00			`$subtitle-strong-weight: $weight-semibold !default`
Create links nav 2018-04-09 11:45:52 +00:00			`$subtitle-negative-margin: -1.25rem !default`
Fix button icons 2016-10-30 10:41:53 +00:00
Init 2016-01-24 00:03:43 +00:00			`.title,`
			`.subtitle`
Fix mixins/extends confusion 2018-09-04 13:24:50 +00:00			`@extend %block`
Restructure variables into a single file, Fix title word break 2016-04-18 20:09:44 +00:00			`word-break: break-word`
Add title weight variables, Add breakpoint variables, Remove card-image 2016-02-27 15:46:05 +00:00			`em,`
			`span`
Add tags 2017-07-28 21:57:51 +00:00			`font-weight: inherit`
Adds sup and sub to titles and subtitles (#1343) * Adds sup and sub to titles and subtitles * Changes sub and sup to 75% and makes them variables * Merge .title and .subtitle variables Merged the .title and .subtitle sub and sup variables into just one $title-sub-size and $title-sup-size 2017-11-07 15:53:13 +00:00			`sub`
			`font-size: $title-sub-size`
			`sup`
			`font-size: $title-sup-size`
Add control colors, Add titles em, Add centered grid, Remove header-center 2016-02-21 22:46:02 +00:00			`.tag`
Fix container 2016-12-23 13:59:26 +00:00			`vertical-align: middle`
Init 2016-01-24 00:03:43 +00:00
			`.title`
Add customisation variables 2017-07-28 20:05:15 +00:00			`color: $title-color`
Fix #349 2019-05-17 13:02:12 +00:00			`@if $title-family`
			`font-family: $title-family`
Fix button icons 2016-10-30 10:41:53 +00:00			`font-size: $title-size`
			`font-weight: $title-weight`
Create links nav 2018-04-09 11:45:52 +00:00			`line-height: $title-line-height`
Fix code styling, Fix helpers 2016-04-10 15:00:32 +00:00			`strong`
Add tags 2017-07-28 21:57:51 +00:00			`color: $title-strong-color`
			`font-weight: $title-strong-weight`
Init 2016-01-24 00:03:43 +00:00			`& + .highlight`
Use em for controls 2016-10-29 17:53:30 +00:00			`margin-top: -0.75rem`
Add spaced title 2017-03-14 22:38:45 +00:00			`&:not(.is-spaced) + .subtitle`
Create links nav 2018-04-09 11:45:52 +00:00			`margin-top: $subtitle-negative-margin`
Fix #744 2017-05-27 20:05:05 +00:00			`// Sizes`
Init 2016-01-24 00:03:43 +00:00			`@each $size in $sizes`
			`$i: index($sizes, $size)`
			`&.is-#{$i}`
			`font-size: $size`

			`.subtitle`
Add customisation variables 2017-07-28 20:05:15 +00:00			`color: $subtitle-color`
Fix #349 2019-05-17 13:02:12 +00:00			`@if $subtitle-family`
			`font-family: $subtitle-family`
Fix button icons 2016-10-30 10:41:53 +00:00			`font-size: $subtitle-size`
			`font-weight: $subtitle-weight`
Create links nav 2018-04-09 11:45:52 +00:00			`line-height: $subtitle-line-height`
Fix code styling, Fix helpers 2016-04-10 15:00:32 +00:00			`strong`
Add tags 2017-07-28 21:57:51 +00:00			`color: $subtitle-strong-color`
			`font-weight: $subtitle-strong-weight`
Add spaced title 2017-03-14 22:38:45 +00:00			`&:not(.is-spaced) + .title`
Create links nav 2018-04-09 11:45:52 +00:00			`margin-top: $subtitle-negative-margin`
Fix #744 2017-05-27 20:05:05 +00:00			`// Sizes`
Init 2016-01-24 00:03:43 +00:00			`@each $size in $sizes`
			`$i: index($sizes, $size)`
			`&.is-#{$i}`
			`font-size: $size`