Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

framework grille scss

/* On définit sa grille */
$columns : 12;

/* Gutters signifie Gouttière en anglais */
$gutters : 30px;

%box {

/* le comportement de vos boites */
float:left;

background: red;

padding: $gutters;

}

@for $i from 1 through $columns {

box-#{$i} {

@extend %box;

width : $i / $columns * 100%;

}

}
Source by www.anthedesign.fr #
 
PREVIOUS NEXT
Tagged: #framework #grille #scss
ADD COMMENT
Topic
Name
5+2 =