modifies skeleton extension to support the visibility requirements.
This commit is contained in:
parent
24f53b9e05
commit
0e3e491b11
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user