From abb4507e5e1a0673de5ff4f94bdedbfa81ea5489 Mon Sep 17 00:00:00 2001 From: Veikka Kähkönen Date: Mon, 27 Nov 2017 16:34:31 +0200 Subject: Change contact SASS into BEM format and simplify hallitus layout --- _sass/_contacts.scss | 24 +++++++++++++----------- 1 file changed, 13 insertions(+), 11 deletions(-) (limited to '_sass') diff --git a/_sass/_contacts.scss b/_sass/_contacts.scss index 173c93f..2c28ff8 100644 --- a/_sass/_contacts.scss +++ b/_sass/_contacts.scss @@ -3,36 +3,38 @@ $contact-vspacing: 2em; .contact { text-align: center; + display: inline-block; + width: $content-width/2.2; + margin: 0 0 $contact-vspacing 0; + padding: 0 1em 0 1em; } -.contact h3 { - margin-top: 0.2em; +.contact__position_name { margin-bottom: 0; } -.contact h4 { +.contact__position_name--hallitus { + margin-top: 0.2em; +} + +.contact__person_name { margin-top: $contact-internal-vgap; margin-bottom: 0; } -.contact-inline { - display: inline-block; - width: $content-width/2.2; - margin: 0 0 $contact-vspacing 0; - padding: 0 1em 0 1em; } -.contact-inline-section { +.contact__section { margin-top: $contact-internal-vgap; } -.contact-inline-spacer { +.contact__section--spacer { border-top: 3px solid $brand-color; width: 20%; margin-left: auto; margin-right: auto; } -.img-circle { +.contact__photo { border-radius: 50%; } -- cgit v1.3