version 4.3.3

This commit is contained in:
Raphael Goetter 2015-08-06 15:53:14 +02:00
parent 12d6f6a410
commit 17f2a3bcfc
7 changed files with 28 additions and 24 deletions

View file

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

View file

@ -1,3 +1,9 @@
# changelog v4.3.3 (6 août 2015)
- ajout de helpers (breakpoints responsive)
- modification du seuil de breakpoint pour les grilles inégales `@tiny-screen` -> `@small-screen`
- corrections feuille de style print (modifications plus faciles pour l'utilisateur)
# changelog v4.3.1 (5 juillet 2015) # changelog v4.3.1 (5 juillet 2015)
- Amélioration des grilles responsive. Par exemple la classe `grid-4-small-2-tiny-1` définira une grille de 4 colonnes sur grand écran, puis en 2 colonnes sur un écran réduit, puis en une seule colonne sur petit écran. La notation `grid-4` fonctionne toujours, mais ne sera pas automatiquement responsive. - Amélioration des grilles responsive. Par exemple la classe `grid-4-small-2-tiny-1` définira une grille de 4 colonnes sur grand écran, puis en 2 colonnes sur un écran réduit, puis en une seule colonne sur petit écran. La notation `grid-4` fonctionne toujours, mais ne sera pas automatiquement responsive.

View file

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V4.3.2 (8 juillet 2015) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V4.3.3 (6 août 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 */
@ -838,7 +838,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-2-1 > *:nth-child(even) { .grid-2-1 > *:nth-child(even) {
width: calc(33.33333333333333% - 1em - .01px); width: calc(33.33333333333333% - 1em - .01px);
} }
@media (max-width: 320px) { @media (max-width: 640px) {
.grid-2-1 > *:nth-child(n) { .grid-2-1 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 1em - .01px);
} }
@ -849,7 +849,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-1-2 > *:nth-child(even) { .grid-1-2 > *:nth-child(even) {
width: calc(66.66666666666666% - 1em - .01px); width: calc(66.66666666666666% - 1em - .01px);
} }
@media (max-width: 320px) { @media (max-width: 640px) {
.grid-1-2 > *:nth-child(n) { .grid-1-2 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 1em - .01px);
} }
@ -860,7 +860,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-3-1 > *:nth-child(even) { .grid-3-1 > *:nth-child(even) {
width: calc(25% - 1em - .01px); width: calc(25% - 1em - .01px);
} }
@media (max-width: 320px) { @media (max-width: 640px) {
.grid-3-1 > *:nth-child(n) { .grid-3-1 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 1em - .01px);
} }
@ -871,7 +871,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-1-3 > *:nth-child(even) { .grid-1-3 > *:nth-child(even) {
width: calc(75% - 1em - .01px); width: calc(75% - 1em - .01px);
} }
@media (max-width: 320px) { @media (max-width: 640px) {
.grid-1-3 > *:nth-child(n) { .grid-1-3 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 1em - .01px);
} }
@ -882,7 +882,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-3-2 > *:nth-child(even) { .grid-3-2 > *:nth-child(even) {
width: calc(40% - 1em - .01px); width: calc(40% - 1em - .01px);
} }
@media (max-width: 320px) { @media (max-width: 640px) {
.grid-3-2 > *:nth-child(n) { .grid-3-2 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 1em - .01px);
} }
@ -893,7 +893,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-2-3 > *:nth-child(even) { .grid-2-3 > *:nth-child(even) {
width: calc(60% - 1em - .01px); width: calc(60% - 1em - .01px);
} }
@media (max-width: 320px) { @media (max-width: 640px) {
.grid-2-3 > *:nth-child(n) { .grid-2-3 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 1em - .01px);
} }
@ -904,7 +904,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-4-1 > *:nth-child(even) { .grid-4-1 > *:nth-child(even) {
width: calc(20% - 1em - .01px); width: calc(20% - 1em - .01px);
} }
@media (max-width: 320px) { @media (max-width: 640px) {
.grid-4-1 > *:nth-child(n) { .grid-4-1 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 1em - .01px);
} }
@ -915,7 +915,7 @@ http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
.grid-1-4 > *:nth-child(even) { .grid-1-4 > *:nth-child(even) {
width: calc(80% - 1em - .01px); width: calc(80% - 1em - .01px);
} }
@media (max-width: 320px) { @media (max-width: 640px) {
.grid-1-4 > *:nth-child(n) { .grid-1-4 > *:nth-child(n) {
width: calc(100% - 1em - .01px); width: calc(100% - 1em - .01px);
} }
@ -1581,12 +1581,10 @@ s,m,l,n = small, medium, large, none
text-shadow: none !important; text-shadow: none !important;
} }
body { body {
width: auto !important; width: auto;
margin: auto !important; margin: auto;
font-family: serif; font-family: serif;
font-size: 12pt; font-size: 12pt;
background-color: #fff !important;
color: #333 !important;
} }
p, p,
.p-like, .p-like,
@ -1605,8 +1603,8 @@ s,m,l,n = small, medium, large, none
blockquote, blockquote,
ul, ul,
ol { ol {
color: #000 !important; color: #000;
margin: auto !important; margin: auto;
} }
.print { .print {
display: block; display: block;
@ -1644,13 +1642,13 @@ s,m,l,n = small, medium, large, none
page-break-after: avoid; page-break-after: avoid;
} }
a { a {
color: #000 !important; color: #000;
text-decoration: underline !important;
} }
/* displaying URLs */ /* displaying URLs
a[href]::after { a[href]::after {
content: " (" attr(href) ")"; content: " (" attr(href) ")";
} }
*/
a[href^="javascript:"]::after, a[href^="javascript:"]::after,
a[href^="#"]::after { a[href^="#"]::after {
content: ""; content: "";

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V4.3.2 (8 juillet 2015) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V4.3.3 (6 août 2015) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */

View file

@ -1,6 +1,6 @@
{ {
"name": "knacss", "name": "knacss",
"version": "4.3.2", "version": "4.3.3",
"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": [

View file

@ -1,5 +1,5 @@
/*! /*!
* www.KNACSS.com V4.3.2 (8 juillet 2015) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V4.3.3 (6 août 2015) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/ * Licence WTFPL http://www.wtfpl.net/
*/ */