From 0e3e491b11dd78002eac57ab332bd4448265d36b Mon Sep 17 00:00:00 2001 From: Jonathan Preston Date: Thu, 4 Jun 2015 17:56:27 -0700 Subject: [PATCH] modifies skeleton extension to support the visibility requirements. --- css/skeleton.ontraport.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/css/skeleton.ontraport.css b/css/skeleton.ontraport.css index 5d50eb9..66e9d85 100644 --- a/css/skeleton.ontraport.css +++ b/css/skeleton.ontraport.css @@ -23,6 +23,10 @@ Skeleton Grid Size Extension ===================================================================================================================== */ @media (min-width: 550px) { + .column.first-visible, + .columns.first-visible { + margin-left: 0; + } /* For rows 7 columns accross */ .one-and-half.columns { width: 10.6666667%; @@ -49,19 +53,19 @@ Skeleton Grid Size Extension .tablet-three.columns { width: 21.2333333%; } - .tablet-three.columns:nth-child(4n + 1) { + .tablet-three.first-in-row.columns { margin-left: 0; } .tablet-four.columns { width: 30.111112% } - .tablet-four.columns:nth-child(3n + 1) { + .tablet-four.first-in-row.columns { margin-left: 0; } .tablet-six.columns { width: 47.56666667%; } - .tablet-six.columns:nth-child(odd) { + .tablet-six.first-in-row.columns { margin-left: 0; } }