You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.4 KiB
56 lines
1.4 KiB
/**
|
|
* Heading
|
|
*
|
|
*
|
|
* @author Björn Hase, Tentakelfabrik
|
|
* @license http://opensource.org/licenses/MIT The MIT License
|
|
* @link https://github.com/tentakelfabrik/crispy-css
|
|
*
|
|
*/
|
|
|
|
$plain-ui__heading__font-sizes: (
|
|
'h1': $plain-ui__font-size * 2.5,
|
|
'h2': $plain-ui__font-size * 2,
|
|
'h3': $plain-ui__font-size * 1.75,
|
|
'h4': $plain-ui__font-size * 1.5,
|
|
'h5': $plain-ui__font-size * 1.25,
|
|
'h6': $plain-ui__font-size
|
|
) !default;
|
|
|
|
$plain-ui__heading__font-sizes__breakpoints: (
|
|
$plain-ui__md: 1.2rem
|
|
) !default;
|
|
|
|
$plain-ui__heading__font-weight: bold !default;
|
|
$plain-ui__heading__font-family: $plain-ui__font-family !default;
|
|
$plain-ui__heading__margin: $plain-ui__margin !default;
|
|
$plain-ui__heading__margin-breakpoints: $plain-ui__margin-breakpoints !default;
|
|
|
|
h1, .h1,
|
|
h2, .h2,
|
|
h3, .h3,
|
|
h4, .h4,
|
|
h5, .h5,
|
|
h6, .h6 {
|
|
font-family: $plain-ui__heading__font-family;
|
|
font-weight: $plain-ui__heading__font-weight;
|
|
line-height: 1.2;
|
|
|
|
margin: $plain-ui__heading__margin;
|
|
@include plain-ui__breakpoints('margin', $plain-ui__heading__margin-breakpoints);
|
|
}
|
|
|
|
h5 {
|
|
line-height: 1.4;
|
|
}
|
|
|
|
h6 {
|
|
line-height: $plain-ui__line-height;
|
|
}
|
|
|
|
@each $h, $font-size in $plain-ui__heading__font-sizes {
|
|
#{$h}, .#{$h} {
|
|
font-size: $font-size;
|
|
@include plain-ui__breakpoints-font-size($plain-ui__heading__font-sizes__breakpoints, $font-size, $plain-ui__font-size);
|
|
}
|
|
} |