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.
44 lines
892 B
44 lines
892 B
@import
|
|
'../functions/units',
|
|
'../mixins/font-size';
|
|
|
|
/**
|
|
* heading
|
|
*
|
|
* loop to create for all heading styles
|
|
* creating css-classes with same naming
|
|
*
|
|
*
|
|
* @author Björn Hase
|
|
*
|
|
*/
|
|
|
|
$heading__font-sizes: (
|
|
'h1': 36px,
|
|
'h2': 30px,
|
|
'h3': 24px,
|
|
'h4': 18px,
|
|
'h5': 14px,
|
|
'h6': 12px
|
|
) !default;
|
|
|
|
$heading__font-weight: bold !default;
|
|
$heading__font-family: Arial, Helvetica, Neue Helvetica, sans-serif !default;
|
|
|
|
$heading__line-height: 1.5 !default;
|
|
$heading__margin: 0 0 pxToEm(20px) !default;
|
|
|
|
@mixin crispy-boilerplate-heading {
|
|
@each $h, $font-size in $heading__font-sizes {
|
|
#{$h}, .#{$h} {
|
|
font-family: $heading__font-family;
|
|
font-weight: $heading__font-weight;
|
|
line-height: $heading__line-height;
|
|
margin: $heading__margin;
|
|
|
|
@include font-size($font-size);
|
|
|
|
@content;
|
|
}
|
|
}
|
|
}
|