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:
parent
88f03612b0
commit
158c2f86ec
10
css/skeleton.css
vendored
10
css/skeleton.css
vendored
@ -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%; }
|
||||||
|
Loading…
Reference in New Issue
Block a user