modifies skeleton extension to support the visibility requirements.

This commit is contained in:
Jonathan Preston 2015-06-04 17:56:27 -07:00
parent 24f53b9e05
commit 0e3e491b11

View File

@ -23,6 +23,10 @@ Skeleton Grid Size Extension
===================================================================================================================== */ ===================================================================================================================== */
@media (min-width: 550px) { @media (min-width: 550px) {
.column.first-visible,
.columns.first-visible {
margin-left: 0;
}
/* For rows 7 columns accross */ /* For rows 7 columns accross */
.one-and-half.columns { .one-and-half.columns {
width: 10.6666667%; width: 10.6666667%;
@ -49,19 +53,19 @@ Skeleton Grid Size Extension
.tablet-three.columns { .tablet-three.columns {
width: 21.2333333%; width: 21.2333333%;
} }
.tablet-three.columns:nth-child(4n + 1) { .tablet-three.first-in-row.columns {
margin-left: 0; margin-left: 0;
} }
.tablet-four.columns { .tablet-four.columns {
width: 30.111112% width: 30.111112%
} }
.tablet-four.columns:nth-child(3n + 1) { .tablet-four.first-in-row.columns {
margin-left: 0; margin-left: 0;
} }
.tablet-six.columns { .tablet-six.columns {
width: 47.56666667%; width: 47.56666667%;
} }
.tablet-six.columns:nth-child(odd) { .tablet-six.first-in-row.columns {
margin-left: 0; margin-left: 0;
} }
} }