bulma/sass/elements/title.sass
2016-09-22 23:14:18 +01:00

76 lines
1.4 KiB
Sass

@import "../utilities/mixins.sass"
@import "../utilities/variables.sass"
.title,
.subtitle
+block
font-weight: $weight-title-normal
word-break: break-word
em,
span
font-weight: $weight-title-normal
a
&:hover
border-bottom: 1px solid
strong
font-weight: $weight-title-bold
.tag
vertical-align: bottom
.title
color: $text-strong
font-size: $size-large
line-height: 1
code
display: inline-block
font-size: $size-large
strong
color: inherit
& + .highlight
margin-top: -10px
& + .subtitle
margin-top: -10px
// Colors
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size
code
font-size: nth($sizes, min($i + 1, 6))
// Modifiers
&.is-normal
font-weight: 400
strong
font-weight: 700
// Responsiveness
+tablet
& + .subtitle
margin-top: -15px
.subtitle
color: $text
font-size: $size-medium
line-height: 1.125
code
border-radius: $radius
display: inline-block
font-size: $size-normal
padding: 2px 3px
vertical-align: top
strong
color: $text-strong
& + .title
margin-top: -20px
// Colors
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size
code
font-size: nth($sizes, min($i + 1, 6))
// Modifiers
&.is-normal
font-weight: 400
strong
font-weight: 700