form.scss in titon-toolkit-1.0.0

- old
+ new

@@ -12,11 +12,11 @@
     padding: $padding 0;
     margin: 0;
     border: 0;
     border-top: 1px solid $gray-dark;
 
-    &.legendless {
+    &.is-legendless {
         border: 0;
         padding: 0;
     }
 }
 
@@ -32,12 +32,13 @@
 input::-moz-focus-inner {
     padding: 0;
     border: 0;
 }
 
+// Override normalize
 input[type="search"] {
-    @include box-sizing("border-box");
+    @include box-sizing(border-box);
 }
 
 // Required values to match browser restrictions
 label,
 .input-static {
@@ -51,12 +52,14 @@
 .input-static,
 .input-radio,
 .input-checkbox {
     @include reset-inline-block;
     border: 1px solid $gray-dark;
-    font-size: $medium-size;
-    padding: $medium-padding;
+    @include size-medium;
+
+    &.small { @include size-small; }
+    &.large { @include size-large; }
 }
 
 .input {
     background: $gray-lightest;
     border-radius: $round;
@@ -86,11 +89,11 @@
 .input-static,
 .input-radio,
 .input-checkbox {
     background: transparent;
     border-color: transparent;
-    padding-left: 0;
-    padding-right: 0;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
 }
 
 .input-radio,
 .input-checkbox {
     padding: 0;
\ No newline at end of file