| 1 |
/* ========================================================================== #THE DEFAULT GRIDABLE GRID ========================================================================== */ |
| 2 |
/** All of the CSS for your public-facing functionality should be included in this file. */ |
| 3 |
.gridable--row { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; margin-left: -20px; } |
| 4 |
|
| 5 |
.gridable--col { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; padding-left: 20px; } |
| 6 |
@media only screen and (max-width: 1024px) { .gridable--col.is-empty { display: none; } } |
| 7 |
|
| 8 |
.col-1 { -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; width: 8.33333%; max-width: 8.33333%; } |
| 9 |
|
| 10 |
.col-2 { -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; width: 16.66667%; max-width: 16.66667%; } |
| 11 |
|
| 12 |
.col-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; max-width: 25%; } |
| 13 |
|
| 14 |
.col-4 { -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; width: 33.33333%; max-width: 33.33333%; } |
| 15 |
|
| 16 |
.col-5 { -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; width: 41.66667%; max-width: 41.66667%; } |
| 17 |
|
| 18 |
.col-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%; } |
| 19 |
|
| 20 |
.col-7 { -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; width: 58.33333%; max-width: 58.33333%; } |
| 21 |
|
| 22 |
.col-8 { -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; width: 66.66667%; max-width: 66.66667%; } |
| 23 |
|
| 24 |
.col-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; width: 75%; max-width: 75%; } |
| 25 |
|
| 26 |
.col-10 { -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; width: 83.33333%; max-width: 83.33333%; } |
| 27 |
|
| 28 |
.col-11 { -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; width: 91.66667%; max-width: 91.66667%; } |
| 29 |
|
| 30 |
.col-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } |
| 31 |
|
| 32 |
@media only screen and (max-width: 1024px) { [class*="col-"] { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; max-width: 100%; } } |
| 33 |
.gridable--col { overflow: hidden; box-sizing: border-box; } |
| 34 |
|
| 35 |
/* Rows and Columns Style Variants. ========================================================================== */ |
| 36 |
.row-style--boxed { background-color: #eef1f2; } |
| 37 |
|
| 38 |
.col-style--boxed { background-color: #23252d; } |
| 39 |
.col-style--boxed * { color: white; } |
| 40 |
|
