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

autogrids elements width changed

Browse source
This commit is contained in:
raphaelgoetter 2013-08-02 11:35:06 +02:00
parent 675de51460
commit 3c3b2670de
2 changed files with 20 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
css/grids.css
View file

@ -49,14 +49,14 @@
font-size: 14em; font-size: 1.4rem; letter-spacing: normal; /* whitespace fix part 2 */
*display: inline; *zoom: 1; /* ie6 / ie7 hack */
}
.autogrid2 > * {width: 49.55%}
.autogrid3 > * {width: 32.8%}
.autogrid4 > * {width: 24.4%}
.autogrid5 > * {width: 19.4%}
.autogrid6 > * {width: 16%}
.autogrid8 > * {width: 11.75%}
.autogrid10 > * {width: 9.3%}
.autogrid12 > * {width: 7.6%}
.autogrid2 > * {width: 49%}
.autogrid3 > * {width: 32%}
.autogrid4 > * {width: 23.6%}
.autogrid5 > * {width: 19%}
.autogrid6 > * {width: 15%}
.autogrid8 > * {width: 10.8%}
.autogrid10 > * {width: 9%}
.autogrid12 > * {width: 6.4%}
/* Responsiv-o-matic */
@ -65,7 +65,7 @@
.autogrid6 > *,
.autogrid8 > *,
.autogrid10 > *,
.autogrid12 > * {width: 32.8%}
.autogrid12 > * {width: 32%}
}
@media (max-width: 768px) {
.autogrid3 > *,
@ -74,7 +74,7 @@
.autogrid6 > *,
.autogrid8 > *,
.autogrid10 > *,
.autogrid12 > * {width: 49.55%}
.autogrid12 > * {width: 49%}
}
@media (max-width: 640px) {
[class*="autogrid"] > * {width: 100%}

20
less/knacss.less
View file

@ -411,14 +411,14 @@ img.left, img.right {
font-size: 14em; font-size: 1.4rem; letter-spacing: normal; /* whitespace fix part 2 */
*display: inline; *zoom: 1; /* ie6 / ie7 hack */
}
.autogrid2 > * {width: 49.55%}
.autogrid3 > * {width: 32.8%}
.autogrid4 > * {width: 24.4%}
.autogrid5 > * {width: 19.4%}
.autogrid6 > * {width: 16%}
.autogrid8 > * {width: 11.75%}
.autogrid10 > * {width: 9.3%}
.autogrid12 > * {width: 7.6%}
.autogrid2 > * {width: 49%}
.autogrid3 > * {width: 32%}
.autogrid4 > * {width: 23.6%}
.autogrid5 > * {width: 19%}
.autogrid6 > * {width: 15%}
.autogrid8 > * {width: 10.8%}
.autogrid10 > * {width: 9%}
.autogrid12 > * {width: 6.4%}
/* Responsiv-o-matic */
@ -427,7 +427,7 @@ img.left, img.right {
.autogrid6 > *,
.autogrid8 > *,
.autogrid10 > *,
.autogrid12 > * {width: 32.8%}
.autogrid12 > * {width: 32%}
}
@media (max-width: @mediumscreen) {
.autogrid3 > *,
@ -436,7 +436,7 @@ img.left, img.right {
.autogrid6 > *,
.autogrid8 > *,
.autogrid10 > *,
.autogrid12 > * {width: 49.55%}
.autogrid12 > * {width: 49%}
}
@media (max-width: @tinyscreen) {
[class*="autogrid"] > * {width: 100%}