hyphens déplacé dans partie Responsive

les césures ont été déplacées dans la partie Responsive, et les noms
"medium" (<768) sont devenus "small"
This commit is contained in:
raphaelgoetter 2013-05-19 10:48:58 +02:00
parent 8b9dbe78ae
commit bd413a4676
2 changed files with 31 additions and 32 deletions

View file

@ -1,5 +1,5 @@
/*
* www.KNACSS.com V2.6f @author: Raphael Goetter, Alsacreations
* www.KNACSS.com V2.6g @author: Raphael Goetter, Alsacreations
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
*/
@ -180,17 +180,6 @@ li ol {
img, table, td, blockquote, code, pre, textarea, input, video {
max-width: 100%;
}
/* you shall not pass */
div, textarea, table, td, th, code, pre, samp {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
/* pictures */
img {
height: auto;
@ -545,4 +534,4 @@ textarea {
body {
-webkit-text-size-adjust: 100%;
}
}
}

View file

@ -11,7 +11,7 @@
}
/* ---------------------------------- */
/* ==Responsive large / medium / tiny */
/* ==Responsive large / small / tiny */
/* ---------------------------------- */
@media (min-width: 1280px) {
@ -72,35 +72,45 @@
.w800p,
.w960p,
.mw960p,
.medium-wauto { width: auto; }
.small-wauto { width: auto; }
/* layouts for medium (m) screens */
.medium-hidden,
/* you shall not pass */
div, textarea, table, td, th, code, pre, samp {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
/* layouts for small (s) screens */
.small-hidden,
.tablet-hidden { display: none !important; }
.medium-visible { display: block !important; }
.medium-no-float {float: none; }
.medium-inbl {
.small-visible { display: block !important; }
.small-no-float {float: none; }
.small-inbl {
display: inline-block;
float: none;
vertical-align: top;
}
.medium-row {
.small-row {
display: table !important;
table-layout: fixed !important;
width: 100% !important;
}
.medium-col {
.small-col {
display: table-cell !important;
vertical-align: top !important;
}
/* widths for medium (m) screens */
.medium-w25 { width: 25% !important; }
.medium-w33 { width: 33.3333% !important; }
.medium-w50 { width: 50% !important; }
.medium-w66 { width: 66.6666% !important; }
.medium-w75 { width: 75% !important; }
.medium-w100 {
/* widths for small (s) screens */
.small-w25 { width: 25% !important; }
.small-w33 { width: 33.3333% !important; }
.small-w50 { width: 50% !important; }
.small-w66 { width: 66.6666% !important; }
.small-w75 { width: 75% !important; }
.small-w100 {
display: block !important;
float: none !important;
clear: none !important;
@ -109,9 +119,9 @@
margin-right: 0 !important;
border: 0;
}
/* margins for medium (m) screens */
.medium-ma0,
.medium-man { margin: 0 !important; }
/* margins for small (s) screens */
.small-ma0,
.small-man { margin: 0 !important; }
/* Responsive grids */
.grid4 > * {width: 49% !important; }