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

v3.0.2

Browse source
This commit is contained in:
Raphael Goetter 2014-05-07 10:53:15 +02:00
parent aa685cf52a
commit 78831c4ed6
6 changed files with 111 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

28
css/02-grids.css
View file

@ -8,38 +8,47 @@
/* grids inspired from SUIT https://github.com/suitcss/suit */
/* overall container of grids */
.grid {
/* overall container of grids */
overflow: hidden;
}
/* global styles for direct child ex. .grid3 */
/* 1- gutter value */
.grid > * {
/* global styles for direct child ex. .grid3 */
display: block;
padding: 0;
margin-left: -20px;
/* gutter value */
/* 1 */
text-align: left;
}
/* global styles for each "cell" */
/* 1- gutter value */
.grid > * > * {
/* global styles for each "cell" */
display: inline-block;
padding-left: 20px;
/* gutter value */
/* 1 */
margin-left: 0;
vertical-align: top;
}
/* whitespace fixing for modern browsers including IE9+ */
/* 1- fallback for Opera Mini */
:root .grid {
font-size: 0;
}
:root .grid > * > * {
font-size: 14px;
/* fallback for Opera Mini */
/* 1 */
font-size: 1.4rem;
}
@ -144,8 +153,9 @@
/* Demo : http://codepen.io/raphaelgoetter/pen/Kqehf */
/* container of autogrids */
[class*="autogrid"] {
/* container of autogrids */
text-align: justify;
}
@ -163,13 +173,15 @@
/* whitespace fixing for modern browsers including IE9+ */
/* 1- fallback for Opera Mini */
:root [class*="autogrid"] {
font-size: 0;
}
:root [class*="autogrid"] > * {
font-size: 14px;
/* fallback for Opera Mini */
/* 1 */
font-size: 1.4rem;
}