bulma/sass/elements/title.sass

73 lines
1.3 KiB
Sass
Raw Normal View History

2016-01-24 00:03:43 +00:00
.title,
.subtitle
@extend .block
font-weight: $weight-title-normal
word-break: break-word
em,
span
font-weight: $weight-title-normal
a
&:hover
border-bottom: 1px solid
2016-04-10 15:00:32 +00:00
strong
font-weight: $weight-title-bold
.tag
vertical-align: bottom
2016-01-24 00:03:43 +00:00
.title
color: $text-strong
font-size: $size-large
line-height: 1
code
display: inline-block
font-size: $size-large
2016-04-10 15:00:32 +00:00
strong
color: inherit
2016-01-24 00:03:43 +00:00
& + .highlight
margin-top: -10px
2016-04-10 15:00:32 +00:00
& + .subtitle
margin-top: -10px
// Colors
2016-01-24 00:03:43 +00:00
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size
code
font-size: nth($sizes, min($i + 1, 6))
2016-04-10 15:00:32 +00:00
// Modifiers
&.is-normal
font-weight: 400
strong
font-weight: 700
// Responsiveness
2016-01-24 00:03:43 +00:00
+tablet
& + .subtitle
margin-top: -15px
.subtitle
2016-04-10 15:00:32 +00:00
color: $text
2016-01-24 00:03:43 +00:00
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
2016-04-10 15:00:32 +00:00
strong
color: $text-strong
& + .title
margin-top: -20px
// Colors
2016-01-24 00:03:43 +00:00
@each $size in $sizes
$i: index($sizes, $size)
&.is-#{$i}
font-size: $size
code
font-size: nth($sizes, min($i + 1, 6))
2016-04-10 15:00:32 +00:00
// Modifiers
&.is-normal
font-weight: 400
strong
font-weight: 700