grillade.less et grillade.scss
This commit is contained in:
Raphael Goetter
parent
f35237dcbe
commit
b50a9b84b5
5 changed files with 792 additions and 3 deletions
256
css/grillade.css
256
css/grillade.css
|
|
@ -1,4 +1,258 @@
|
|||
@charset "UTF-8";
|
||||
/*!
|
||||
* www.KNACSS.com V4.4.2 (24 décembre 2015) @author: Raphael Goetter, Alsacreations
|
||||
* Licence WTFPL http://www.wtfpl.net/
|
||||
*/[class*=grid-]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-2rem;letter-spacing:-.31em;text-rendering:optimizespeed}[class*=grid-]>*{box-sizing:border-box;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(100% * 1 / 4 - 2rem - .01px);margin-left:2rem;display:inline-block;vertical-align:top;letter-spacing:normal;text-rendering:auto}[class*=grid-2]>*{width:calc(100% * 1 / 2 - 2rem - .01px)}[class*=grid-2]>.flex-item-double{width:calc(100% * 2 / 2 - 2rem - .01px)}[class*=grid-3]>*{width:calc(100% * 1 / 3 - 2rem - .01px)}[class*=grid-3]>.flex-item-double{width:calc(100% * 2 / 3 - 2rem - .01px)}[class*=grid-4]>*{width:calc(100% * 1 / 4 - 2rem - .01px)}[class*=grid-4]>.flex-item-double{width:calc(100% * 2 / 4 - 2rem - .01px)}[class*=grid-5]>*{width:calc(100% * 1 / 5 - 2rem - .01px)}[class*=grid-5]>.flex-item-double{width:calc(100% * 2 / 5 - 2rem - .01px)}[class*=grid-6]>*{width:calc(100% * 1 / 6 - 2rem - .01px)}[class*=grid-6]>.flex-item-double{width:calc(100% * 2 / 6 - 2rem - .01px)}[class*=grid-7]>*{width:calc(100% * 1 / 7 - 2rem - .01px)}[class*=grid-7]>.flex-item-double{width:calc(100% * 2 / 7 - 2rem - .01px)}[class*=grid-8]>*{width:calc(100% * 1 / 8 - 2rem - .01px)}[class*=grid-8]>.flex-item-double{width:calc(100% * 2 / 8 - 2rem - .01px)}[class*=grid-10]>*{width:calc(100% * 1 / 10 - 2rem - .01px)}[class*=grid-10]>.flex-item-double{width:calc(100% * 2 / 10 - 2rem - .01px)}[class*=grid-12]>*{width:calc(100% * 1 / 12 - 2rem - .01px)}[class*=grid-12]>.flex-item-double{width:calc(100% * 2 / 12 - 2rem - .01px)}@media (max-width:640px){[class*="-small-4"]>*{width:calc(100% * 1 / 4 - 2rem - .01px)}[class*="-small-4"]>.flex-item-double{width:calc(100% * 1 / 2 - 2rem - .01px)}[class*="-small-3"]>*{width:calc(100% * 1 / 3 - 2rem - .01px)}[class*="-small-3"]>.flex-item-double{width:calc(100% * 2 / 3 - 2rem - .01px)}[class*="-small-2"]>*{width:calc(100% * 1 / 2 - 2rem - .01px)}[class*="-small-2"]>.flex-item-double,[class*="-small-1"]>*,[class*="-small-1"]>.flex-item-double{width:calc(100% - 2rem - .01px)}}@media (max-width:320px){[class*="-tiny-2"]>*{width:calc(100% * 1 / 2 - 2rem - .01px)}[class*="-tiny-2"]>.flex-item-double,[class*="-tiny-1"]>*,[class*="-tiny-1"]>.flex-item-double{width:calc(100% - 2rem - .01px)}}.grid-2-1>:nth-child(odd){width:calc(66.66666666666666% - 2rem - .01px)}.grid-2-1>:nth-child(even){width:calc(33.33333333333333% - 2rem - .01px)}@media (max-width:640px){.grid-2-1>:nth-child(n){width:calc(100% - 2rem - .01px)}}.grid-1-2>:nth-child(odd){width:calc(33.33333333333333% - 2rem - .01px)}.grid-1-2>:nth-child(even){width:calc(66.66666666666666% - 2rem - .01px)}@media (max-width:640px){.grid-1-2>:nth-child(n){width:calc(100% - 2rem - .01px)}}.grid-3-1>:nth-child(odd){width:calc(75% - 2rem - .01px)}.grid-3-1>:nth-child(even){width:calc(25% - 2rem - .01px)}@media (max-width:640px){.grid-3-1>:nth-child(n){width:calc(100% - 2rem - .01px)}}.grid-1-3>:nth-child(odd){width:calc(25% - 2rem - .01px)}.grid-1-3>:nth-child(even){width:calc(75% - 2rem - .01px)}@media (max-width:640px){.grid-1-3>:nth-child(n){width:calc(100% - 2rem - .01px)}}.grid-3-2>:nth-child(odd){width:calc(60% - 2rem - .01px)}.grid-3-2>:nth-child(even){width:calc(40% - 2rem - .01px)}@media (max-width:640px){.grid-3-2>:nth-child(n){width:calc(100% - 2rem - .01px)}}.grid-2-3>:nth-child(odd){width:calc(40% - 2rem - .01px)}.grid-2-3>:nth-child(even){width:calc(60% - 2rem - .01px)}@media (max-width:640px){.grid-2-3>:nth-child(n){width:calc(100% - 2rem - .01px)}}.grid-4-1>:nth-child(odd){width:calc(80% - 2rem - .01px)}.grid-4-1>:nth-child(even){width:calc(20% - 2rem - .01px)}@media (max-width:640px){.grid-4-1>:nth-child(n){width:calc(100% - 2rem - .01px)}}.grid-1-4>:nth-child(odd){width:calc(20% - 2rem - .01px)}.grid-1-4>:nth-child(even){width:calc(80% - 2rem - .01px)}@media (max-width:640px){.grid-1-4>:nth-child(n){width:calc(100% - 2rem - .01px)}}.pull{margin-right:auto}.push{margin-left:auto}
|
||||
*/
|
||||
/* ---------------------------------- */
|
||||
/* ==Grillade */
|
||||
/* ---------------------------------- */
|
||||
/* grid container */
|
||||
/* line 93, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-"] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-left: -2rem;
|
||||
/* inline-block fallback for IE9 generation */
|
||||
letter-spacing: -0.31em;
|
||||
text-rendering: optimizespeed; }
|
||||
|
||||
/* grid childs */
|
||||
/* line 105, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-"] > * {
|
||||
box-sizing: border-box;
|
||||
flex: 0 0 auto;
|
||||
width: calc(100% * 1 / 4 - 2rem - .01px);
|
||||
margin-left: 2rem;
|
||||
/* inline-block fallback for IE9 generation */
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
letter-spacing: normal;
|
||||
text-rendering: auto; }
|
||||
|
||||
/* line 121, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-2"] > * {
|
||||
width: calc(100% * 1 / 2 - 2rem - .01px); }
|
||||
|
||||
/* line 123, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-2"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 2 - 2rem); }
|
||||
|
||||
/* line 121, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-3"] > * {
|
||||
width: calc(100% * 1 / 3 - 2rem - .01px); }
|
||||
|
||||
/* line 123, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-3"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 3 - 2rem); }
|
||||
|
||||
/* line 121, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-4"] > * {
|
||||
width: calc(100% * 1 / 4 - 2rem - .01px); }
|
||||
|
||||
/* line 123, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-4"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 4 - 2rem); }
|
||||
|
||||
/* line 121, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-5"] > * {
|
||||
width: calc(100% * 1 / 5 - 2rem - .01px); }
|
||||
|
||||
/* line 123, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-5"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 5 - 2rem); }
|
||||
|
||||
/* line 121, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-6"] > * {
|
||||
width: calc(100% * 1 / 6 - 2rem - .01px); }
|
||||
|
||||
/* line 123, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-6"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 6 - 2rem); }
|
||||
|
||||
/* line 121, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-7"] > * {
|
||||
width: calc(100% * 1 / 7 - 2rem - .01px); }
|
||||
|
||||
/* line 123, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-7"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 7 - 2rem); }
|
||||
|
||||
/* line 121, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-8"] > * {
|
||||
width: calc(100% * 1 / 8 - 2rem - .01px); }
|
||||
|
||||
/* line 123, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-8"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 8 - 2rem); }
|
||||
|
||||
/* line 121, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-10"] > * {
|
||||
width: calc(100% * 1 / 10 - 2rem - .01px); }
|
||||
|
||||
/* line 123, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-10"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 10 - 2rem); }
|
||||
|
||||
/* line 121, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-12"] > * {
|
||||
width: calc(100% * 1 / 12 - 2rem - .01px); }
|
||||
|
||||
/* line 123, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="grid-12"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 12 - 2rem); }
|
||||
|
||||
/* Responsive grid */
|
||||
@media (max-width: 640px) {
|
||||
/* line 171, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-small-4"] > * {
|
||||
width: calc(100% * 1 / 4 - 2rem - .01px); }
|
||||
/* line 174, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-small-4"] > .flex-item-double {
|
||||
width: calc(100% * 1 / 2 - 2rem - .01px); }
|
||||
/* line 177, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-small-3"] > * {
|
||||
width: calc(100% * 1 / 3 - 2rem - .01px); }
|
||||
/* line 180, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-small-3"] > .flex-item-double {
|
||||
width: calc(100% * 2 / 3 - 2rem - .01px); }
|
||||
/* line 183, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-small-2"] > * {
|
||||
width: calc(100% * 1 / 2 - 2rem - .01px); }
|
||||
/* line 186, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-small-2"] > .flex-item-double {
|
||||
width: calc(100% - 2rem - .01px); }
|
||||
/* line 189, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-small-1"] > * {
|
||||
width: calc(100% - 2rem - .01px); }
|
||||
/* line 192, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-small-1"] > .flex-item-double {
|
||||
width: calc(100% - 2rem - .01px); } }
|
||||
|
||||
@media (max-width: 320px) {
|
||||
/* line 199, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-tiny-2"] > * {
|
||||
width: calc(100% * 1 / 2 - 2rem - .01px); }
|
||||
/* line 202, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-tiny-2"] > .flex-item-double {
|
||||
width: calc(100% - 2rem - .01px); }
|
||||
/* line 205, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-tiny-1"] > * {
|
||||
width: calc(100% - 2rem - .01px); }
|
||||
/* line 208, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
[class*="-tiny-1"] > .flex-item-double {
|
||||
width: calc(100% - 2rem - .01px); } }
|
||||
|
||||
/* line 216, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-2-1 > *:nth-child(odd) {
|
||||
width: calc(66.66667% - 2rem); }
|
||||
|
||||
/* line 220, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-2-1 > *:nth-child(even) {
|
||||
width: calc(33.33333% - 2rem); }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
/* line 225, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-2-1 > *:nth-child(n) {
|
||||
width: calc(100% - 2rem); } }
|
||||
|
||||
/* line 216, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-1-2 > *:nth-child(odd) {
|
||||
width: calc(33.33333% - 2rem); }
|
||||
|
||||
/* line 220, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-1-2 > *:nth-child(even) {
|
||||
width: calc(66.66667% - 2rem); }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
/* line 225, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-1-2 > *:nth-child(n) {
|
||||
width: calc(100% - 2rem); } }
|
||||
|
||||
/* line 216, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-3-1 > *:nth-child(odd) {
|
||||
width: calc(75% - 2rem); }
|
||||
|
||||
/* line 220, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-3-1 > *:nth-child(even) {
|
||||
width: calc(25% - 2rem); }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
/* line 225, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-3-1 > *:nth-child(n) {
|
||||
width: calc(100% - 2rem); } }
|
||||
|
||||
/* line 216, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-1-3 > *:nth-child(odd) {
|
||||
width: calc(25% - 2rem); }
|
||||
|
||||
/* line 220, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-1-3 > *:nth-child(even) {
|
||||
width: calc(75% - 2rem); }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
/* line 225, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-1-3 > *:nth-child(n) {
|
||||
width: calc(100% - 2rem); } }
|
||||
|
||||
/* line 216, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-3-2 > *:nth-child(odd) {
|
||||
width: calc(60% - 2rem); }
|
||||
|
||||
/* line 220, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-3-2 > *:nth-child(even) {
|
||||
width: calc(40% - 2rem); }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
/* line 225, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-3-2 > *:nth-child(n) {
|
||||
width: calc(100% - 2rem); } }
|
||||
|
||||
/* line 216, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-2-3 > *:nth-child(odd) {
|
||||
width: calc(40% - 2rem); }
|
||||
|
||||
/* line 220, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-2-3 > *:nth-child(even) {
|
||||
width: calc(60% - 2rem); }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
/* line 225, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-2-3 > *:nth-child(n) {
|
||||
width: calc(100% - 2rem); } }
|
||||
|
||||
/* line 216, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-4-1 > *:nth-child(odd) {
|
||||
width: calc(80% - 2rem); }
|
||||
|
||||
/* line 220, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-4-1 > *:nth-child(even) {
|
||||
width: calc(20% - 2rem); }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
/* line 225, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-4-1 > *:nth-child(n) {
|
||||
width: calc(100% - 2rem); } }
|
||||
|
||||
/* line 216, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-1-4 > *:nth-child(odd) {
|
||||
width: calc(20% - 2rem); }
|
||||
|
||||
/* line 220, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-1-4 > *:nth-child(even) {
|
||||
width: calc(80% - 2rem); }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
/* line 225, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.grid-1-4 > *:nth-child(n) {
|
||||
width: calc(100% - 2rem); } }
|
||||
|
||||
/* line 262, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.pull {
|
||||
margin-right: auto; }
|
||||
|
||||
/* line 266, /Users/raphael/Documents/GitHub/KNACSS/css/grillade.scss */
|
||||
.push {
|
||||
margin-left: auto; }
|
||||
|
||||
/*# sourceMappingURL=grillade.css.map */
|
||||
Loading…
Add table
Add a link
Reference in a new issue