update grid-units to have IE-specific widths, and use new grid classnames

This commit is contained in:
Tilo Mitra 2013-07-24 16:56:30 -04:00
parent 1d3314e4a0
commit 25497a2161

View File

@ -1,148 +1,112 @@
.pure-u-1, /*csslint duplicate-properties:false; */
.pure-u-1-2, .default-1 {
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-5-24,
.pure-u-7-24,
.pure-u-11-24,
.pure-u-13-24,
.pure-u-17-24,
.pure-u-19-24,
.pure-u-23-24 {
display: inline-block;
*display: inline; /* IE < 8: fake inline-block */
zoom: 1;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}
.pure-u-1 {
width: 100%; width: 100%;
} *width: 99.969%; }
.pure-u-1-2 { .default-1-2 {
width: 50%; width: 50%;
} *width: 49.969%; }
.pure-u-1-3 { .default-1-3 {
width: 33.33333%; width: 33.33%;
} *width: 33.299%; }
.pure-u-2-3 { .default-2-3 {
width: 66.66666%; width: 66.67%;
} *width: 66.639%; }
.pure-u-1-4 { .default-1-4 {
width: 25%; width: 25%;
} *width: 24.969%; }
.pure-u-3-4 { .default-3-4 {
width: 75%; width: 75%;
} *width: 74.969%; }
.pure-u-1-5 { .default-1-5 {
width: 20%; width: 20%;
} *width: 19.969%; }
.pure-u-2-5 { .default-2-5 {
width: 40%; width: 40%;
} *width: 39.969%; }
.pure-u-3-5 { .default-3-5 {
width: 60%; width: 60%;
} *width: 59.969%; }
.pure-u-4-5 { .default-4-5 {
width: 80%; width: 80%;
} *width: 79.969%; }
.pure-u-1-6 { .default-1-6 {
width: 16.666%; width: 16.66%;
} *width: 16.629%; }
.pure-u-5-6 { .default-5-6 {
width: 83.33%; width: 83.33%;
} *width: 83.299%; }
.pure-u-1-8 { .default-1-8 {
width: 12.5%; width: 12.5%;
} *width: 12.469%; }
.pure-u-3-8 { .default-3-8 {
width: 37.5%; width: 37.5%;
} *width: 37.469%; }
.pure-u-5-8 { .default-5-8 {
width: 62.5%; width: 62.5%;
} *width: 62.469%; }
.pure-u-7-8 { .default-7-8 {
width: 87.5%; width: 87.5%;
} *width: 87.469%; }
.pure-u-1-12 { .default-1-12 {
width: 8.3333%; width: 8.33%;
} *width: 8.299%; }
.pure-u-5-12 { .default-5-12 {
width: 41.6666%; width: 41.67%;
} *width: 41.639%; }
.pure-u-7-12 { .default-7-12 {
width: 58.3333%; width: 58.33%;
} *width: 58.299%; }
.pure-u-11-12 { .default-11-12 {
width: 91.6666%; width: 91.67%;
} *width: 91.639%; }
.pure-u-1-24 { .default-1-24 {
width: 4.1666%; width: 4.17%;
} *width: 4.139%; }
.pure-u-5-24 { .default-5-24 {
width: 20.8333%; width: 20.83%;
} *width: 20.799%; }
.pure-u-7-24 { .default-7-24 {
width: 29.1666%; width: 29.17%;
} *width: 29.139%; }
.pure-u-11-24 { .default-11-24 {
width: 45.8333%; width: 45.83%;
} *width: 45.799%; }
.pure-u-13-24 { .default-13-24 {
width: 54.1666%; width: 54.17%;
} *width: 54.139%; }
.pure-u-17-24 { .default-17-24 {
width: 70.8333%; width: 70.83%;
} *width: 70.799%; }
.pure-u-19-24 { .default-19-24 {
width: 79.1666%; width: 79.17%;
} *width: 79.139%; }
.pure-u-23-24 { .default-23-24 {
width: 95.8333%; width: 95.83%;
} *width: 95.799%; }