Change contact SASS into BEM format and simplify hallitus layout

1 files changed, 13 insertions, 11 deletions

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%;
 }