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.
65 lines
945 B
65 lines
945 B
/**
|
|
* add font-size in px as fallback
|
|
* and in rem
|
|
*
|
|
*
|
|
* @param {px} $font-size
|
|
*
|
|
*/
|
|
@mixin font-size($font-size) {
|
|
font-size: $font-size;
|
|
font-size: pxToRem($font-size);
|
|
}
|
|
|
|
/**
|
|
* add modificators for font-size from a map
|
|
*
|
|
*
|
|
* @param {map} $font-sizes
|
|
*
|
|
*/
|
|
@mixin font-sizes($font-sizes) {
|
|
@each $name, $font-size in $font-sizes {
|
|
@if ($name == 'default') {
|
|
@include font-size($font-size);
|
|
} @else {
|
|
&--#{$name} {
|
|
@include font-size($font-size);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* clearfix to end floating
|
|
*
|
|
*
|
|
*
|
|
*/
|
|
@mixin clearfix() {
|
|
&::before,
|
|
&::after {
|
|
display: table;
|
|
content: ' ';
|
|
}
|
|
|
|
&::after {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* clear default styles from list
|
|
*
|
|
*
|
|
*/
|
|
@mixin crispy-boilerplate-list-clear() {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|