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

22
css/grids.css
View File

@ -52,3 +52,25 @@
.autogrid8 > * {width: 11.75%}
.autogrid10 > * {width: 9.3%}
.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%}
}