helper-classes.scss in bedrock_sass-0.1.3

- old
+ new

@@ -46,8 +46,67 @@
       }
     }
   }
 }
 
+@mixin form-helpers {
+  #{text-inputs()}, select {
+
+    &.large {
+      $fsize: 1.292rem;
+      $height: ($fsize * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
+
+      font-size: $fsize;
+      height: $height;
+    }
+
+    &.small {
+      $fsize: .8rem;
+      $height: ($fsize * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
+
+      font-size: $fsize;
+      height: $height;
+    }
+  }
+
+  .input-group-list {
+
+    #{text-inputs()}, select, textarea {
+      margin-bottom: -1px;
+
+      &:active, &:focus {
+        position: relative;
+        z-index: 1;
+      }
+    }
+  }
+}
+
+@mixin color-helpers {
+  @each $attr in (background, background-color, border-color, color) {
+    .#{$attr} {
+
+      &-none {
+        #{$attr}: none !important;
+      }
+
+      @each $name, $color in $foundation-palette {
+        &-#{$name} {
+          #{$attr}: $color !important;
+        }
+      }
+    }
+  }
+}
+
+@mixin text-helpers {
+  .text-small {
+    font-size: $small-font-size;
+  }
+}
+
 @mixin bedrock-prototype-classes {
   @include table-helpers;
+  @include form-helpers;
+  @include color-helpers;
+  @include text-helpers;
 }