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 | |
| parent | ab9a988dc493c809bc292cdb7aa9ba71611e42c6 (diff) | |
Make people_generic layout clearer
Diffstat (limited to '_sass')
| -rw-r--r-- | _sass/_contacts.scss | 8 | ||||
| -rw-r--r-- | _sass/_grid.scss | 20 |
2 files changed, 28 insertions, 0 deletions
diff --git a/_sass/_contacts.scss b/_sass/_contacts.scss index c5ef86f..62a0a46 100644 --- a/_sass/_contacts.scss +++ b/_sass/_contacts.scss @@ -42,3 +42,11 @@ $contact-vspacing: 2em; width: 150px; height: 150px; } + +.contact_group { + margin-bottom: 3em; +} + +.contact_group__subgroup { + margin-bottom: 1.5em; +} 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%; } +} |