Lightweight CSS Framework for Building Apps and Websites
https://crispy-css.com
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.
46 lines
1.1 KiB
46 lines
1.1 KiB
/**
|
|
* component: heading
|
|
*
|
|
* create classes for heading similar to there name,
|
|
* run map for sizes on each heading
|
|
*
|
|
*
|
|
* @author Björn Hase
|
|
* @license http://opensource.org/licenses/MIT The MIT License
|
|
* @link https://gitlab.tentakelfabrik.de/tentakelfabrik/crispy
|
|
*
|
|
*/
|
|
|
|
$crispy__heading__font-sizes: (
|
|
'h1': 40px,
|
|
'h2': 36px,
|
|
'h3': 32px,
|
|
'h4': 28px,
|
|
'h5': 24px,
|
|
'h6': 20px
|
|
) !default;
|
|
|
|
$crispy__heading__font-weight: bold !default;
|
|
$crispy__heading__font-family: Arial, Helvetica, Neue Helvetica, sans-serif !default;
|
|
$crispy__heading__line-height: $crispy__golden-ratio !default;
|
|
$crispy__heading__margin: toEm(0 0 5px) !default;
|
|
|
|
@mixin crispy__heading {
|
|
h1, .h1,
|
|
h2, .h2,
|
|
h3, .h3,
|
|
h4, .h4,
|
|
h5, .h5,
|
|
h6, .h6 {
|
|
font-family: $crispy__heading__font-family;
|
|
font-weight: $crispy__heading__font-weight;
|
|
line-height: $crispy__heading__line-height;
|
|
margin: $crispy__heading__margin;
|
|
}
|
|
|
|
@each $h, $font-size in $crispy__heading__font-sizes {
|
|
#{$h}, .#{$h} {
|
|
font-size: toRem($font-size);
|
|
}
|
|
}
|
|
}
|