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

version 4.3.6 

cf. changelog
This commit is contained in:
Raphael Goetter 2015-11-10 15:53:03 +01:00
parent 05551f7931
commit fd6363eff8
10 changed files with 80 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.gitignore vendored
View File

@ -169,3 +169,7 @@ pip-log.txt
# parce que trop lourd # parce que trop lourd
node_modules/ node_modules/
# parce que certaines personnes utilisent de vrais IDEs
.idea
*.iml

2
bower.json
View File

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

5
changelog.md
View File

@ -1,3 +1,8 @@
# changelog v4.3.6 (10 novembre 2015)
- modification de la valeur par défaut de gouttière (`1em` -> `2rem`)
- correction d'un `padding: none` en `padding: 0` dans styling.less|sass
# changelog v4.3.5 (20 octobre 2015) # changelog v4.3.5 (20 octobre 2015)
- correction de doublons - correction de doublons

118
css/knacss-unminified.css
View File

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V4.3.4 (27 août 2015) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V4.3.6 (10 novembre 2015) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */
/*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */ /*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */
@ -715,7 +715,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
-webkit-flex-wrap: wrap; -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
margin-left: -1em; margin-left: -2rem;
/* inline-block fallback for IE9 generation */ /* inline-block fallback for IE9 generation */
letter-spacing: -0.31em; letter-spacing: -0.31em;
text-rendering: optimizespeed; text-rendering: optimizespeed;
@ -726,8 +726,8 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
-webkit-flex: 0 0 auto; -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
width: calc(100% * 1 / 4 - 1em - .01px); width: calc(100% * 1 / 4 - 2rem - .01px);
margin-left: 1em; margin-left: 2rem;
/* inline-block fallback for IE9 generation */ /* inline-block fallback for IE9 generation */
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
@ -735,186 +735,186 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
text-rendering: auto; text-rendering: auto;
} }
[class*="grid-2"] > * { [class*="grid-2"] > * {
width: calc(100% * 1 / 2 - 1em - .01px); width: calc(100% * 1 / 2 - 2rem - .01px);
} }
[class*="grid-2"] > .flex-item-double { [class*="grid-2"] > .flex-item-double {
width: calc(100% * 2 / 2 - 1em - .01px); width: calc(100% * 2 / 2 - 2rem - .01px);
} }
[class*="grid-3"] > * { [class*="grid-3"] > * {
width: calc(100% * 1 / 3 - 1em - .01px); width: calc(100% * 1 / 3 - 2rem - .01px);
} }
[class*="grid-3"] > .flex-item-double { [class*="grid-3"] > .flex-item-double {
width: calc(100% * 2 / 3 - 1em - .01px); width: calc(100% * 2 / 3 - 2rem - .01px);
} }
[class*="grid-4"] > * { [class*="grid-4"] > * {
width: calc(100% * 1 / 4 - 1em - .01px); width: calc(100% * 1 / 4 - 2rem - .01px);
} }
[class*="grid-4"] > .flex-item-double { [class*="grid-4"] > .flex-item-double {
width: calc(100% * 2 / 4 - 1em - .01px); width: calc(100% * 2 / 4 - 2rem - .01px);
} }
[class*="grid-5"] > * { [class*="grid-5"] > * {
width: calc(100% * 1 / 5 - 1em - .01px); width: calc(100% * 1 / 5 - 2rem - .01px);
} }
[class*="grid-5"] > .flex-item-double { [class*="grid-5"] > .flex-item-double {
width: calc(100% * 2 / 5 - 1em - .01px); width: calc(100% * 2 / 5 - 2rem - .01px);
} }
[class*="grid-6"] > * { [class*="grid-6"] > * {
width: calc(100% * 1 / 6 - 1em - .01px); width: calc(100% * 1 / 6 - 2rem - .01px);
} }
[class*="grid-6"] > .flex-item-double { [class*="grid-6"] > .flex-item-double {
width: calc(100% * 2 / 6 - 1em - .01px); width: calc(100% * 2 / 6 - 2rem - .01px);
} }
[class*="grid-7"] > * { [class*="grid-7"] > * {
width: calc(100% * 1 / 7 - 1em - .01px); width: calc(100% * 1 / 7 - 2rem - .01px);
} }
[class*="grid-7"] > .flex-item-double { [class*="grid-7"] > .flex-item-double {
width: calc(100% * 2 / 7 - 1em - .01px); width: calc(100% * 2 / 7 - 2rem - .01px);
} }
[class*="grid-8"] > * { [class*="grid-8"] > * {
width: calc(100% * 1 / 8 - 1em - .01px); width: calc(100% * 1 / 8 - 2rem - .01px);
} }
[class*="grid-8"] > .flex-item-double { [class*="grid-8"] > .flex-item-double {
width: calc(100% * 2 / 8 - 1em - .01px); width: calc(100% * 2 / 8 - 2rem - .01px);
} }
[class*="grid-10"] > * { [class*="grid-10"] > * {
width: calc(100% * 1 / 10 - 1em - .01px); width: calc(100% * 1 / 10 - 2rem - .01px);
} }
[class*="grid-10"] > .flex-item-double { [class*="grid-10"] > .flex-item-double {
width: calc(100% * 2 / 10 - 1em - .01px); width: calc(100% * 2 / 10 - 2rem - .01px);
} }
[class*="grid-12"] > * { [class*="grid-12"] > * {
width: calc(100% * 1 / 12 - 1em - .01px); width: calc(100% * 1 / 12 - 2rem - .01px);
} }
[class*="grid-12"] > .flex-item-double { [class*="grid-12"] > .flex-item-double {
width: calc(100% * 2 / 12 - 1em - .01px); width: calc(100% * 2 / 12 - 2rem - .01px);
} }
/* Responsive grid */ /* Responsive grid */
@media (max-width: 640px) { @media (max-width: 640px) {
[class*="-small-4"] > * { [class*="-small-4"] > * {
width: calc(100% * 1 / 4 - 1em - .01px); width: calc(100% * 1 / 4 - 2rem - .01px);
} }
[class*="-small-4"] > .flexitem-double { [class*="-small-4"] > .flexitem-double {
width: calc(100% * 1 / 2 - 1em - .01px); width: calc(100% * 1 / 2 - 2rem - .01px);
} }
[class*="-small-3"] > * { [class*="-small-3"] > * {
width: calc(100% * 1 / 3 - 1em - .01px); width: calc(100% * 1 / 3 - 2rem - .01px);
} }
[class*="-small-3"] > .flexitem-double { [class*="-small-3"] > .flexitem-double {
width: calc(100% * 2 / 3 - 1em - .01px); width: calc(100% * 2 / 3 - 2rem - .01px);
} }
[class*="-small-2"] > * { [class*="-small-2"] > * {
width: calc(100% * 1 / 2 - 1em - .01px); width: calc(100% * 1 / 2 - 2rem - .01px);
} }
[class*="-small-2"] > .flexitem-double { [class*="-small-2"] > .flexitem-double {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
[class*="-small-1"] > * { [class*="-small-1"] > * {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
[class*="-small-1"] > .flexitem-double { [class*="-small-1"] > .flexitem-double {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
@media (max-width: 320px) { @media (max-width: 320px) {
[class*="-tiny-2"] > * { [class*="-tiny-2"] > * {
width: calc(100% * 1 / 2 - 1em - .01px); width: calc(100% * 1 / 2 - 2rem - .01px);
} }
[class*="-tiny-2"] > .flexitem-double { [class*="-tiny-2"] > .flexitem-double {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
[class*="-tiny-1"] > * { [class*="-tiny-1"] > * {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
[class*="-tiny-1"] > .flexitem-double { [class*="-tiny-1"] > .flexitem-double {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
.grid-2-1 > *:nth-child(odd) { .grid-2-1 > *:nth-child(odd) {
width: calc(66.66666666666666% - 1em - .01px); width: calc(66.66666666666666% - 2rem - .01px);
} }
.grid-2-1 > *:nth-child(even) { .grid-2-1 > *:nth-child(even) {
width: calc(33.33333333333333% - 1em - .01px); width: calc(33.33333333333333% - 2rem - .01px);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.grid-2-1 > *:nth-child(n) { .grid-2-1 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
.grid-1-2 > *:nth-child(odd) { .grid-1-2 > *:nth-child(odd) {
width: calc(33.33333333333333% - 1em - .01px); width: calc(33.33333333333333% - 2rem - .01px);
} }
.grid-1-2 > *:nth-child(even) { .grid-1-2 > *:nth-child(even) {
width: calc(66.66666666666666% - 1em - .01px); width: calc(66.66666666666666% - 2rem - .01px);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.grid-1-2 > *:nth-child(n) { .grid-1-2 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
.grid-3-1 > *:nth-child(odd) { .grid-3-1 > *:nth-child(odd) {
width: calc(75% - 1em - .01px); width: calc(75% - 2rem - .01px);
} }
.grid-3-1 > *:nth-child(even) { .grid-3-1 > *:nth-child(even) {
width: calc(25% - 1em - .01px); width: calc(25% - 2rem - .01px);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.grid-3-1 > *:nth-child(n) { .grid-3-1 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
.grid-1-3 > *:nth-child(odd) { .grid-1-3 > *:nth-child(odd) {
width: calc(25% - 1em - .01px); width: calc(25% - 2rem - .01px);
} }
.grid-1-3 > *:nth-child(even) { .grid-1-3 > *:nth-child(even) {
width: calc(75% - 1em - .01px); width: calc(75% - 2rem - .01px);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.grid-1-3 > *:nth-child(n) { .grid-1-3 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
.grid-3-2 > *:nth-child(odd) { .grid-3-2 > *:nth-child(odd) {
width: calc(60% - 1em - .01px); width: calc(60% - 2rem - .01px);
} }
.grid-3-2 > *:nth-child(even) { .grid-3-2 > *:nth-child(even) {
width: calc(40% - 1em - .01px); width: calc(40% - 2rem - .01px);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.grid-3-2 > *:nth-child(n) { .grid-3-2 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
.grid-2-3 > *:nth-child(odd) { .grid-2-3 > *:nth-child(odd) {
width: calc(40% - 1em - .01px); width: calc(40% - 2rem - .01px);
} }
.grid-2-3 > *:nth-child(even) { .grid-2-3 > *:nth-child(even) {
width: calc(60% - 1em - .01px); width: calc(60% - 2rem - .01px);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.grid-2-3 > *:nth-child(n) { .grid-2-3 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
.grid-4-1 > *:nth-child(odd) { .grid-4-1 > *:nth-child(odd) {
width: calc(80% - 1em - .01px); width: calc(80% - 2rem - .01px);
} }
.grid-4-1 > *:nth-child(even) { .grid-4-1 > *:nth-child(even) {
width: calc(20% - 1em - .01px); width: calc(20% - 2rem - .01px);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.grid-4-1 > *:nth-child(n) { .grid-4-1 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
.grid-1-4 > *:nth-child(odd) { .grid-1-4 > *:nth-child(odd) {
width: calc(20% - 1em - .01px); width: calc(20% - 2rem - .01px);
} }
.grid-1-4 > *:nth-child(even) { .grid-1-4 > *:nth-child(even) {
width: calc(80% - 1em - .01px); width: calc(80% - 2rem - .01px);
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.grid-1-4 > *:nth-child(n) { .grid-1-4 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 2rem - .01px);
} }
} }
.pull { .pull {
@ -1728,7 +1728,7 @@ code {
color: #b11; color: #b11;
} }
pre code { pre code {
padding: none; padding: 0;
background: none; background: none;
color: inherit; color: inherit;
border-radius: 0; border-radius: 0;

4
css/knacss.css
View File

File diff suppressed because one or more lines are too long

4
less/_00-config.less
View File

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V4.3.4 (27 août 2015) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V4.3.6 (10 novembre 2015) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */
@ -64,7 +64,7 @@
@ultra-large-screen : 1920px; // ultra large screens @ultra-large-screen : 1920px; // ultra large screens
// grids variables (choose unit you prefer) // grids variables (choose unit you prefer)
@gutter: 1em; // gutter value for grid layouts. Unit can be: %, px, em, rem @gutter: 2rem; // gutter value for grid layouts. Unit can be: %, px, em, rem
@number: 4; // number of equal columns @number: 4; // number of equal columns
@left: 2; // left side of uneven columns @left: 2; // left side of uneven columns
@right: 1; // right side of uneven columns @right: 1; // right side of uneven columns

4
less/_10-styling.less
View File

@ -21,7 +21,7 @@ code {
} }
pre code { pre code {
padding: none; padding: 0;
background: none; background: none;
color: inherit; color: inherit;
border-radius: 0; border-radius: 0;
@ -112,4 +112,4 @@ th {
padding: 0.3em 0.8em; padding: 0.3em 0.8em;
border: 1px #aaa dotted; border: 1px #aaa dotted;
text-align: left; text-align: left;
} }

2
package.json
View File

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

4
sass/_00-config.scss
View File

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V4.3.4 (27 août 2015) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V4.3.6 (10 novembre 2015) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */
@ -64,7 +64,7 @@ $extra-large-screen : 1600px !default; // screens between 1441px and 1600px
$ultra-large-screen : 1920px !default; // ultra large screens $ultra-large-screen : 1920px !default; // ultra large screens
// grids variables (choose unit you prefer) // grids variables (choose unit you prefer)
$gutter: 1em !default; // gutter value for grid layouts. Unit can be: %, px, em, rem $gutter: 2rem !default; // gutter value for grid layouts. Unit can be: %, px, em, rem
$number: 4 !default; // number of equal columns $number: 4 !default; // number of equal columns
$left: 2 !default; // left side of uneven columns $left: 2 !default; // left side of uneven columns
$right: 1 !default; // right side of uneven columns $right: 1 !default; // right side of uneven columns

4
sass/_10-styling.scss
View File

@ -19,7 +19,7 @@ code {
} }
pre code { pre code {
padding: none; padding: 0;
background: none; background: none;
color: inherit; color: inherit;
border-radius: 0; border-radius: 0;
@ -110,4 +110,4 @@ th {
padding: 0.3em 0.8em; padding: 0.3em 0.8em;
border: 1px #aaa dotted; border: 1px #aaa dotted;
text-align: left; text-align: left;
} }