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

making autogrids responsive

Browse Source
This commit is contained in:
raphaelgoetter 2013-07-29 17:27:32 +02:00
parent 65737b9654
commit 3572f5fc8f
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/grids.css
View File

@ -51,4 +51,26 @@
.autogrid6 > * {width: 16%} .autogrid6 > * {width: 16%}
.autogrid8 > * {width: 11.75%} .autogrid8 > * {width: 11.75%}
.autogrid10 > * {width: 9.3%} .autogrid10 > * {width: 9.3%}
.autogrid12 > * {width: 7.6%} .autogrid12 > * {width: 7.6%}
/* Responsiv-o-matic */
@media (max-width: 1024px) {
.autogrid5 > *,
.autogrid6 > *,
.autogrid8 > *,
.autogrid10 > *,
.autogrid12 > * {width: 32.8%}
}
@media (max-width: 768px) {
.autogrid3 > *,
.autogrid4 > *,
.autogrid5 > *,
.autogrid6 > *,
.autogrid8 > *,
.autogrid10 > *,
.autogrid12 > * {width: 49.55%}
}
@media (max-width: 640px) {
[class^="autogrid"] > * {width: 100%}
}