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
|
@ -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
|
@ -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"
|
||||||
|
|
|
@ -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
|
@ -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": [
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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/
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue