diff --git a/_elements.forms.scss b/_elements.forms.scss index b277214..4ad1362 100644 --- 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 index 58a69bd..1e89c2b 100644 --- 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; + } }