Add dynamic layout for Hallitus page

1 files changed, 38 insertions, 0 deletions

diff --git a/_sass/_contacts.scss b/_sass/_contacts.scss
new file mode 100644
index 0000000..173c93f
--- /dev/null
+++ b/_sass/_contacts.scss
@@ -0,0 +1,38 @@
+$contact-internal-vgap: 4px;
+$contact-vspacing: 2em;
+
+.contact {
+    text-align: center;
+}
+
+.contact h3 {
+    margin-top: 0.2em;
+    margin-bottom: 0;
+}
+
+.contact h4 {
+    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 {
+    margin-top: $contact-internal-vgap;
+}
+
+.contact-inline-spacer {
+    border-top: 3px solid $brand-color;
+    width: 20%;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.img-circle {
+    border-radius: 50%;
+}