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

Spacing helpers in rem unit

Browse source
This commit is contained in:
raphaelgoettter 2014-08-21 17:26:34 +02:00
parent 37d96bcd78
commit 0688709cea
6 changed files with 60 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

21
sass/_00-config.scss
View file

@ -30,12 +30,12 @@ $primary-background : #fff; // primary elements background color
$secondary-background : #fff; // secondary elements background color
// spacings
$tiny-value : 0.5em; // tiny value for margins / paddings
$small-value : 1em; // small value for margins / paddings
$medium-value : 2em; // medium value for margins / paddings
$large-value : 4em; // large value for margins / paddings
$extra-large-value : 6em; // extra large value for margins / paddings
$ultra-large-value : 10em; // ultra large value for margins / paddings
$tiny-value : 0.5rem; // tiny value for margins / paddings
$small-value : 1rem; // small value for margins / paddings
$medium-value : 2rem; // medium value for margins / paddings
$large-value : 4rem; // large value for margins / paddings
$extra-large-value : 6rem; // extra large value for margins / paddings
$ultra-large-value : 10rem; // ultra large value for margins / paddings
// breakpoints
$tiny-screen : 320px; // tiny screens media query
@ -78,4 +78,13 @@ $enable-helpers-spacing : true; // decide whether or not you need spacing helper
@else {
@warn "Please make sure `$size` is unitless."
}
}
@mixin px($size) {
@if unitless($size) {
$bf: $base-font-size / 1px;
font-size: $size * $bf * 1px;
}
@else {
@warn "Please make sure `$size` is unitless."
}
}

2
sass/_01-base.scss
View file

@ -1,5 +1,5 @@
/*!
* www.KNACSS.com V3.0.6 (2014-08-19) @author: Raphael Goetter, Alsacreations (with help from Hugo Giraudel)
* www.KNACSS.com V3.0.7 (2014-08-21) @author: Raphael Goetter, Alsacreations (with help from Hugo Giraudel)
* Licence WTFPL http://www.wtfpl.net/
*/