test/css/grid/responsive.css in ezy-0.2.9 vs test/css/grid/responsive.css in ezy-0.3.0.beta
- old
+ new
@@ -32,12 +32,12 @@
margin-right: auto;
}
.column {
/* Grid column base at a 4-column context */
- margin-left: 4.165%;
- margin-right: 4.165%;
+ margin-left: 4.16667%;
+ margin-right: 4.16667%;
float: left;
/* Fixing double margin on IE6 */
_display: inline;
}
@@ -48,53 +48,53 @@
padding-left: 0;
padding-right: 0;
}
.grid {
- margin-left: -4.545%;
- margin-right: -4.545%;
+ margin-left: -4.54545%;
+ margin-right: -4.54545%;
}
@media (min-width: 361px) {
.grid {
- margin-left: -2.17%;
- margin-right: -2.17%;
+ margin-left: -2.17391%;
+ margin-right: -2.17391%;
}
}
@media (min-width: 721px) {
.grid {
- margin-left: -1.425%;
- margin-right: -1.425%;
+ margin-left: -1.42857%;
+ margin-right: -1.42857%;
}
}
.no-media-queries .grid {
/* Fallback for browsers not supporting media queries */
- margin-left: -1.425%;
- margin-right: -1.425%;
+ margin-left: -1.42857%;
+ margin-right: -1.42857%;
}
.column {
/* Spanning 4 of 4 columns */
- width: 91.66%;
+ width: 91.66667%;
}
@media (min-width: 361px) {
.column {
/* Spanning 4 of 8 columns */
- width: 45.83%;
- margin-left: 2.08%;
- margin-right: 2.08%;
+ width: 45.83333%;
+ margin-left: 2.08333%;
+ margin-right: 2.08333%;
}
}
@media (min-width: 721px) {
.column {
/* Spanning 4 of 12 columns */
- width: 30.55%;
- margin-left: 1.385%;
- margin-right: 1.385%;
+ width: 30.55556%;
+ margin-left: 1.38889%;
+ margin-right: 1.38889%;
}
}
.no-media-queries .column {
/* Fallback for browsers not supporting media queries */
/* Spanning 4 of 12 columns */
- width: 30.55%;
- margin-left: 1.385%;
- margin-right: 1.385%;
+ width: 30.55556%;
+ margin-left: 1.38889%;
+ margin-right: 1.38889%;
}