diff options
| author | Veikka Kähkönen <veikka.kahkonen@corefactory.com> | 2017-11-30 21:42:35 +0200 |
|---|---|---|
| committer | Veikka Kähkönen <veikka.kahkonen@corefactory.com> | 2017-11-30 21:42:35 +0200 |
| commit | afa95fde236860a98419bf768c0c3ad9093495a8 (patch) | |
| tree | 2c41c928b75a51e26a82072478ae2c2c2880c3db /_sass/_grid.scss | |
| parent | ab9a988dc493c809bc292cdb7aa9ba71611e42c6 (diff) | |
Make people_generic layout clearer
Diffstat (limited to '_sass/_grid.scss')
| -rw-r--r-- | _sass/_grid.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/_sass/_grid.scss b/_sass/_grid.scss index da3e2d9..a923e20 100644 --- a/_sass/_grid.scss +++ b/_sass/_grid.scss @@ -40,3 +40,23 @@ @media only screen and (max-width: 480px) { .span_2_of_2, .span_1_of_2 { width: 100%; } } + +/* GRID OF FOUR */ +.span_4_of_4 { + width: 100%; +} +.span_3_of_4 { + width: 74.6%; +} +.span_2_of_4 { + width: 49.2%; +} +.span_1_of_4 { + width: 23.8%; +} + +/* GO FULL WIDTH BELOW 480 PIXELS */ +@media only screen and (max-width: 480px) { + .col { margin: 1% 0 1% 0%; } + .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } +} |