diff --git a/css/knacss.css b/css/knacss.css index 7e28b00..2ae7052 100644 --- a/css/knacss.css +++ b/css/knacss.css @@ -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%; } -} +} \ No newline at end of file diff --git a/css/rwd.css b/css/rwd.css index d6179cd..4eef669 100644 --- a/css/rwd.css +++ b/css/rwd.css @@ -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; }