Add layout modifiers

csswizardry · Jun 18, 2015 · 30a3813 · 30a3813
1 parent f78b2a0
commit 30a3813
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 4 deletions.
diff --git a/_elements.forms.scss b/_elements.forms.scss
@@ -41,4 +41,5 @@ label {
   font-size: .75rem;
   padding: $label-padding;
   color: $label-color;
+  cursor: pointer;
 }
diff --git a/_objects.layout.scss b/_objects.layout.scss
@@ -33,11 +33,34 @@ $layout-gutter: 10px !default;
  * Reverse layout items’ direction.
  */
 .#{$layout-ns}o-layout--rev {
-  direction: rtl;
+    direction: rtl;
 
-  > .#{$layout-ns}o-layout__item {
-    direction: ltr;
-  }
+    > .#{$layout-ns}o-layout__item {
+        direction: ltr;
+    }
+
+}
+
+
+
+
+
+/**
+ * Vertically align items to middles/bottoms of each other (top is the default).
+ */
+.#{$layout-ns}o-layout--middle {
+
+    > .#{$layout-ns}o-layout__item {
+        vertical-align: middle;
+    }
+
+}
+
+.#{$layout-ns}o-layout--bottom {
+
+    > .#{$layout-ns}o-layout__item {
+        vertical-align: bottom;
+    }
 
 }