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

autogrids corrections

Browse Source
This commit is contained in:
raphaelgoetter 2013-08-02 11:09:53 +02:00
parent 723ecbede4
commit d2b9389fff
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/grids.css
View File

@ -28,16 +28,16 @@
/* auto-justified equal grids */ /* auto-justified equal grids */
[class^="autogrid"] { [class*="autogrid"] {
text-align: justify; text-align: justify;
font-size: 1px; letter-spacing: -1px; /* whitespace fi xpart 1 */ font-size: 1px; letter-spacing: -1px; /* whitespace fi xpart 1 */
} }
[class^="autogrid"]:after { [class*="autogrid"]:after {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
[class^="autogrid"] > * { [class*="autogrid"] > * {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
text-align: left; text-align: left;
@ -72,5 +72,5 @@
.autogrid12 > * {width: 49.55%} .autogrid12 > * {width: 49.55%}
} }
@media (max-width: 640px) { @media (max-width: 640px) {
[class^="autogrid"] > * {width: 100%} [class*="autogrid"] > * {width: 100%}
} }

8
less/knacss.less
View File

@ -391,16 +391,16 @@ img.left, img.right {
/* auto-justified equal grids */ /* auto-justified equal grids */
[class^="autogrid"] { [class*="autogrid"] {
text-align: justify; text-align: justify;
font-size: 1px; letter-spacing: -1px; /* whitespace fi xpart 1 */ font-size: 1px; letter-spacing: -1px; /* whitespace fi xpart 1 */
} }
[class^="autogrid"]:after { [class*="autogrid"]:after {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
[class^="autogrid"] > * { [class*="autogrid"] > * {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
text-align: left; text-align: left;
@ -435,7 +435,7 @@ img.left, img.right {
.autogrid12 > * {width: 49.55%} .autogrid12 > * {width: 49.55%}
} }
@media (max-width: @tinyscreen) { @media (max-width: @tinyscreen) {
[class^="autogrid"] > * {width: 100%} [class*="autogrid"] > * {width: 100%}
} }
/* blocks widths (percentage and pixels) */ /* blocks widths (percentage and pixels) */