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

16
less/_00-config.less
View file

@ -30,12 +30,12 @@
@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
@ -68,3 +68,7 @@
@em: @size / @bf;
font-size: unit(round(@em,2), em);
}
.px(@size, @bf: @base-font-size){
@px: @size * @bf;
font-size: unit(round(@px,2), px);
}