dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

maps for font-sizes

Browse source
This commit is contained in:
Raphael Goetter 2017-10-30 18:23:28 +01:00
parent 2862bbff9c
commit e5f4647542
4 changed files with 39 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

28
sass/_config/_mixins.scss
View file

@ -1,29 +1,13 @@
// font-size Mixin
// compiles to font-size-s + font-size-base on small-plus devices
// compiles to font-size mobile + font-size desktop on small-plus devices
// ex. h2 { @include font-size(h2);}
$font-sizes: (
base-size : $font-size-base,
base-size-s: $font-size-s,
h1-size : $h1-size,
h1-size-s : $h1-size-s,
h2-size : $h2-size,
h2-size-s : $h2-size-s,
h3-size : $h3-size,
h3-size-s : $h3-size-s,
h4-size : $h4-size,
h4-size-s : $h4-size-s,
h5-size : $h5-size,
h5-size-s : $h5-size-s,
h6-size : $h6-size,
h6-size-s : $h6-size-s
) !default;
@mixin font-size($elem) {
$base-size: #{$elem}-size;
$small-size: #{$elem}-size-s;
font-size: map-get($font-sizes, $small-size);
$q: map-get($font-sizes, $elem);
$mob: map-get($q, "mobile");
$desk: map-get($q, "desktop");
font-size: $mob;
@include respond-to("small-up") {
font-size: map-get($font-sizes, $base-size);
font-size: $desk;
}
}