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

mise à jour de grillade

Browse source 
- ajout de .one-sixth et .five-sixths
This commit is contained in:
Raphael Goetter 2016-10-26 10:24:30 +02:00
parent 0e31ec8487
commit 43db2d6d4b
9 changed files with 102 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

36
sass/grids/_grillade.scss
View file

@ -83,11 +83,11 @@ $grid-gutter-xl: $grid-gutter * 4;
}
/* Grid offsets */
.push {
margin-left: auto;
margin-left: auto !important;
}
.pull {
margin-right: auto;
margin-right: auto !important;
}
/* Grid order */
.grid-item-first {
@ -260,6 +260,38 @@ $grid-gutter-xl: $grid-gutter * 4;
width: calc(100% / 4 * 3 - #{$grid-gutter-xl} - .01px);
}
}
.one-sixth {
flex: 0 0 auto;
width: calc(100% / 6 - .01px);
.has-gutter & {
width: calc(100% / 6 - #{$grid-gutter} - .01px);
}
.has-gutter-l & {
width: calc(100% / 6 - #{$grid-gutter-l} - .01px);
}
.has-gutter-xl & {
width: calc(100% / 6 - #{$grid-gutter-xl} - .01px);
}
}
.five-sixths {
flex: 0 0 auto;
width: calc(100% / 6 * 5 - .01px);
.has-gutter & {
width: calc(100% / 6 * 5 - #{$grid-gutter} - .01px);
}
.has-gutter-l & {
width: calc(100% / 6 * 5 - #{$grid-gutter-l} - .01px);
}
.has-gutter-xl & {
width: calc(100% / 6 * 5 - #{$grid-gutter-xl} - .01px);
}
}
}
/* Responsive Small Breakpoint */
// -small-X suffix means "X columns on small screen"