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

suppression des mixins less et sass inutiles

Browse source 
.rem(), .em() et .px() (si compatibilité anciens navigateurs
nécessaires, il faudra désormais passer par des task runners pour
convertir les rem en em/px)
This commit is contained in:
raphaelgoettter 2015-03-04 15:23:56 +01:00
parent 8e038c2210
commit 51ef45846b
4 changed files with 64 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

31
sass/_00-config.scss
View file

@ -47,34 +47,3 @@ $ultra-large-screen : 1920px; // ultra large screens
// misc (choose unit you prefer)
$gutter : 20px; // gutter value for grid layouts. Unit can be: %, px, em, rem
// Sass mixins : don't touch or you'll be banned ;)
// px to em/rem
@mixin rem($size) {
@if unitless($size) {
font-size: ($size * 1rem) / 1rem * $base-font-size;
font-size: $size * 1rem;
}
@else {
@warn "Please make sure `$size` is unitless."
}
}
@mixin em($size) {
@if unitless($size) {
$bf: $base-font-size / 1px;
font-size: $size / $bf * 1em;
}
@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."
}
}

53
sass/_01-base.scss
View file

@ -142,23 +142,23 @@ h6, .h6-like {
/* alternate font-sizing */
.smaller {
@include em($base-font-size / 1px - 4);
font-size: 0.6em;
}
.small {
@include em($base-font-size / 1px - 2);
font-size: 0.8em;
}
.big {
@include em($base-font-size / 1px + 2);
font-size: 1.2em;
}
.bigger {
@include em($base-font-size / 1px + 4);
font-size: 1.5em;
}
.biggest {
@include em($base-font-size / 1px + 6);
font-size: 2em;
}
code,
@ -332,6 +332,33 @@ body > script {
/* alignments (blocks and inline) */
/* ------------------------------ */
/* blocks alignment */
.left {
margin-right: auto;
}
.right {
margin-left: auto;
}
.center {
margin-left: auto;
margin-right: auto;
}
/* text and contents alignment */
.txtleft {
text-align: left;
}
.txtright {
text-align: right;
}
.txtcenter {
text-align: center;
}
/* left (or starting) elements */
.left,
.start {
@ -361,19 +388,3 @@ img.end {
margin-bottom: $tiny-value;
}
.center {
margin-left: auto;
margin-right: auto;
}
.txtleft {
text-align: left;
}
.txtright {
text-align: right;
}
.txtcenter {
text-align: center;
}