From 158c2f86ecd466aece3d5a75318d325bd782a102 Mon Sep 17 00:00:00 2001 From: Cazum Date: Wed, 22 Apr 2015 13:34:30 -0400 Subject: [PATCH] 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. --- css/skeleton.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/css/skeleton.css b/css/skeleton.css index f28bf6c..4e2c55b 100644 --- a/css/skeleton.css +++ b/css/skeleton.css @@ -54,10 +54,10 @@ width: 80%; } .column, .columns { - margin-left: 4%; } - .column:first-child, - .columns:first-child { - margin-left: 0; } + margin-right: 4%; } + .column:last-child, + .columns:last-child { + margin-right: 0; } .one.column, .one.columns { width: 4.66666666667%; } @@ -71,7 +71,7 @@ .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } - .twelve.columns { width: 100%; margin-left: 0; } + .twelve.columns { margin-right: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; }