mise à jour de grillade

- 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

View file

@ -1,6 +1,6 @@
{ {
"name": "KNACSS", "name": "KNACSS",
"version": "6.0.0", "version": "6.0.1",
"homepage": "http://www.knacss.com/", "homepage": "http://www.knacss.com/",
"authors": [ "authors": [
"Raphaël GOETTER, Alsacreations" "Raphaël GOETTER, Alsacreations"

File diff suppressed because one or more lines are too long

View file

@ -93,11 +93,11 @@ $grid-gutter-xl: $grid-gutter * 4;
} }
/* Grid offsets */ /* Grid offsets */
.push { .push {
margin-left: auto; margin-left: auto !important;
} }
.pull { .pull {
margin-right: auto; margin-right: auto !important;
} }
/* Grid order */ /* Grid order */
.grid-item-first { .grid-item-first {
@ -270,6 +270,38 @@ $grid-gutter-xl: $grid-gutter * 4;
width: calc(100% / 4 * 3 - #{$grid-gutter-xl} - .01px); 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 */ /* Responsive Small Breakpoint */
// -small-X suffix means "X columns on small screen" // -small-X suffix means "X columns on small screen"

View file

@ -1,6 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
/*! /*!
* 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/ * Licence WTFPL http://www.wtfpl.net/
*/ */
/* ----------------------------- */ /* ----------------------------- */
@ -906,7 +906,6 @@ input[type="reset"].unstyled {
flex-direction: row-reverse; } flex-direction: row-reverse; }
.o-media-figure--center { .o-media-figure--center {
-ms-flex-item-align: center; -ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; } } align-self: center; } }
/* Autogrid object */ /* Autogrid object */
@ -1319,7 +1318,7 @@ ul.unstyled {
/* -------------------------- */ /* -------------------------- */
/* large screens */ /* large screens */
/* ------------- */ /* ------------- */
@media (min-width: 1201px) { @media (min-width: 1025px) {
/* layouts for large screens */ /* layouts for large screens */
.large-hidden { .large-hidden {
display: none !important; } display: none !important; }
@ -1572,10 +1571,10 @@ ul.unstyled {
/* Grid offsets */ /* Grid offsets */
.push { .push {
margin-left: auto; } margin-left: auto !important; }
.pull { .pull {
margin-right: auto; } margin-right: auto !important; }
/* Grid order */ /* Grid order */
.grid-item-first { .grid-item-first {
@ -1762,7 +1761,29 @@ ul.unstyled {
.has-gutter-l .three-quarters { .has-gutter-l .three-quarters {
width: calc(100% / 4 * 3 - 2rem - .01px); } width: calc(100% / 4 * 3 - 2rem - .01px); }
.has-gutter-xl .three-quarters { .has-gutter-xl .three-quarters {
width: calc(100% / 4 * 3 - 4rem - .01px); } } width: calc(100% / 4 * 3 - 4rem - .01px); }
.one-sixth {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(100% / 6 - .01px); }
.has-gutter .one-sixth {
width: calc(100% / 6 - 1rem - .01px); }
.has-gutter-l .one-sixth {
width: calc(100% / 6 - 2rem - .01px); }
.has-gutter-xl .one-sixth {
width: calc(100% / 6 - 4rem - .01px); }
.five-sixths {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(100% / 6 * 5 - .01px); }
.has-gutter .five-sixths {
width: calc(100% / 6 * 5 - 1rem - .01px); }
.has-gutter-l .five-sixths {
width: calc(100% / 6 * 5 - 2rem - .01px); }
.has-gutter-xl .five-sixths {
width: calc(100% / 6 * 5 - 4rem - .01px); } }
/* Responsive Small Breakpoint */ /* Responsive Small Breakpoint */
@media (min-width: 545px) and (max-width: 768px) { @media (min-width: 545px) and (max-width: 768px) {

File diff suppressed because one or more lines are too long

View file

@ -1,6 +1,6 @@
{ {
"name": "knacss", "name": "knacss",
"version": "6.0.0", "version": "6.0.1",
"homepage": "http://www.knacss.com/", "homepage": "http://www.knacss.com/",
"bugs": "https://github.com/alsacreations/KNACSS/issues", "bugs": "https://github.com/alsacreations/KNACSS/issues",
"author": [ "author": [

View file

@ -83,11 +83,11 @@ $grid-gutter-xl: $grid-gutter * 4;
} }
/* Grid offsets */ /* Grid offsets */
.push { .push {
margin-left: auto; margin-left: auto !important;
} }
.pull { .pull {
margin-right: auto; margin-right: auto !important;
} }
/* Grid order */ /* Grid order */
.grid-item-first { .grid-item-first {
@ -260,6 +260,38 @@ $grid-gutter-xl: $grid-gutter * 4;
width: calc(100% / 4 * 3 - #{$grid-gutter-xl} - .01px); 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 */ /* Responsive Small Breakpoint */
// -small-X suffix means "X columns on small screen" // -small-X suffix means "X columns on small screen"

View file

@ -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/ * Licence WTFPL http://www.wtfpl.net/
*/ */

View file

@ -5,7 +5,7 @@
/* large screens */ /* large screens */
/* ------------- */ /* ------------- */
@media (min-width: ($large + 1)) { @media (min-width: ($medium + 1)) {
/* layouts for large screens */ /* layouts for large screens */
.#{$kna-namespace}large-hidden { .#{$kna-namespace}large-hidden {