mise à jour de grillade
- ajout de .one-sixth et .five-sixths
This commit is contained in:
parent
0e31ec8487
commit
43db2d6d4b
9 changed files with 102 additions and 17 deletions
|
@ -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"
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* www.KNACSS.com V6.0.0 (27 septembre 2016) @author: Alsacreations, Raphael Goetter
|
||||
* www.KNACSS.com V6.0.1 (26 octobre 2016) @author: Alsacreations, Raphael Goetter
|
||||
* Licence WTFPL http://www.wtfpl.net/
|
||||
*/
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
/* large screens */
|
||||
/* ------------- */
|
||||
|
||||
@media (min-width: ($large + 1)) {
|
||||
@media (min-width: ($medium + 1)) {
|
||||
|
||||
/* layouts for large screens */
|
||||
.#{$kna-namespace}large-hidden {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue