Added Split Section (for contact page)

2018-05-28 01:17:14 +10:00
parent 11e3d60859
commit 6b37f73935
3 changed files with 107 additions and 31 deletions
--- a/public/styles/components/_split-section.scss
+++ b/public/styles/components/_split-section.scss
@ -0,0 +1,23 @@
+/*
+ *  Split section
+ *    Simple Section that is split into multiple columns
+ *
+ *  Dependencies:
+ *    styles/tools/_flex.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/05/28
+ */
+.c-split-section {
+  @extend %t-flexbox;
+  @include t-align-items(stretch);
+  @include t-flex-wrap(wrap);
+
+  &__split {
+    width: 100%;
+  }
+
+  @include t-media-query($s-small-up) {
+    @include t-flex-wrap(nowrap);  
+  }
+}