Fixed inconsistent offsets

Offsets are given a width of (x columns + one margin). When applying an
offset to a column that is positioned to the right of another column,
the offset is too short, as the first column has no margin. This commit
changes the direction of margins, so that each column can properly pad
offsets.
Also I removed a redundant width: 100%.
margin-right: 0; may also be redundant, but it may be a browserhack so I
won't remove it.
This commit is contained in:
Cazum 2015-04-22 13:34:30 -04:00
parent 88f03612b0
commit 158c2f86ec

10
css/skeleton.css vendored
View File

@ -54,10 +54,10 @@
width: 80%; } width: 80%; }
.column, .column,
.columns { .columns {
margin-left: 4%; } margin-right: 4%; }
.column:first-child, .column:last-child,
.columns:first-child { .columns:last-child {
margin-left: 0; } margin-right: 0; }
.one.column, .one.column,
.one.columns { width: 4.66666666667%; } .one.columns { width: 4.66666666667%; }
@ -71,7 +71,7 @@
.nine.columns { width: 74.0%; } .nine.columns { width: 74.0%; }
.ten.columns { width: 82.6666666667%; } .ten.columns { width: 82.6666666667%; }
.eleven.columns { width: 91.3333333333%; } .eleven.columns { width: 91.3333333333%; }
.twelve.columns { width: 100%; margin-left: 0; } .twelve.columns { margin-right: 0; }
.one-third.column { width: 30.6666666667%; } .one-third.column { width: 30.6666666667%; }
.two-thirds.column { width: 65.3333333333%; } .two-thirds.column { width: 65.3333333333%; }