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

"medium" becomes "small"

Browse Source
This commit is contained in:
Raphael Goetter 2013-08-04 21:17:36 +02:00
parent 9c67f9e048
commit 0799ee04db
1 changed files with 27 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
less/knacss.less
View File

@ -9,8 +9,8 @@
@smallvalue : 10px; // small value for margins / paddings @smallvalue : 10px; // small value for margins / paddings
@mediumvalue : 20px; // medium value for margins / paddings @mediumvalue : 20px; // medium value for margins / paddings
@largevalue : 30px; // large value for margins / paddings @largevalue : 30px; // large value for margins / paddings
@tinyscreen : 480px; // small screens media query @tinyscreen : 480px; // tiny screens media query
@mediumscreen : 768px; // medium screens media query @smallscreen : 768px; // small screens media query
@largescreen : 1280px; // large screens media query @largescreen : 1280px; // large screens media query
@gutter : 1.5%; // gutter value (%) for grid layouts @gutter : 1.5%; // gutter value (%) for grid layouts
@ -397,7 +397,7 @@ img.left, img.right {
[class*="autogrid"] { [class*="autogrid"] {
text-align: justify; text-align: justify;
font-size: 1px; letter-spacing: -1px; /* whitespace fix part 1 */ font-size: 1px; letter-spacing: -1px; /* whitespace fi xpart 1 */
} }
[class*="autogrid"]:after { [class*="autogrid"]:after {
content: ""; content: "";
@ -431,7 +431,7 @@ img.left, img.right {
.autogrid10 > *, .autogrid10 > *,
.autogrid12 > * {width: 32%} .autogrid12 > * {width: 32%}
} }
@media (max-width: @mediumscreen) { @media (max-width: @smallscreen) {
.autogrid3 > *, .autogrid3 > *,
.autogrid4 > *, .autogrid4 > *,
.autogrid5 > *, .autogrid5 > *,
@ -629,7 +629,7 @@ textarea {
/* ==desktop and retina medias */ /* ==desktop and retina medias */
/* ----------------------------- */ /* ----------------------------- */
@media (min-width: @mediumscreen) { @media (min-width: @smallscreen) {
/* here go rules for big resources and big screens like: background-images, font-faces, etc. */ /* here go rules for big resources and big screens like: background-images, font-faces, etc. */
} }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
@ -683,7 +683,7 @@ textarea {
.large-man { margin: 0 !important; } .large-man { margin: 0 !important; }
} }
@media (max-width: @mediumscreen) { @media (max-width: @smallscreen) {
/* quick tablet reset */ /* quick tablet reset */
.w60, .w60,
@ -698,24 +698,27 @@ textarea {
.w800p, .w800p,
.w960p, .w960p,
.mw960p, .mw960p,
.medium-wauto { width: auto; } .small-wauto {
width: auto;
float: none;
}
/* layouts for medium (m) screens */ /* layouts for medium (m) screens */
.medium-hidden, .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;
} }
@ -730,13 +733,13 @@ textarea {
hyphens: auto; hyphens: auto;
} }
/* 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;
@ -745,9 +748,8 @@ textarea {
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 { margin: 0 !important; }
.medium-man { margin: 0 !important; }
/* Responsive grids */ /* Responsive grids */
.grid4 > * {.grid(2);} .grid4 > * {.grid(2);}
@ -780,6 +782,7 @@ textarea {
.w400p, .w400p,
.w500p { .w500p {
width: auto; width: auto;
float: none;
} }
.row { .row {
display: block !important; display: block !important;
@ -834,7 +837,7 @@ textarea {
} }
/* orientation iOS font-size fix */ /* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: @mediumscreen) { @media (orientation: landscape) and (max-device-width: @smallscreen) {
html, html,
body { body {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;