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

hyphens déplacé dans partie Responsive

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

13
css/knacss.css
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/ * 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 { img, table, td, blockquote, code, pre, textarea, input, video {
max-width: 100%; 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 */ /* pictures */
img { img {
height: auto; height: auto;

48
css/rwd.css
View file

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