input.scss in titon-toolkit-1.0.0.rc.3

- old
+ new

@@ -20,11 +20,10 @@
         width: 16px;
         height: 16px;
         top: -3px;
         line-height: 1rem;
         border-radius: $round;
-        @include transition(all $default-transition);
 
         &:hover { border-color: $gray-darkest; }
     }
 
     .radio { border-radius: 50%; }
@@ -40,11 +39,10 @@
 
         // Style when the checkbox is checked
         &:checked + .checkbox,
         &:checked + .radio {
             border-color: $info;
-            box-shadow: 0 0 5px $info-light;
         }
 
         // Style when input is disabled
         &[disabled] + .checkbox,
         &[disabled] + .radio {
@@ -62,20 +60,18 @@
         background: $gray-lightest;
         border: 1px solid $gray-dark;
         border-radius: $round;
         white-space: nowrap;
         line-height: 1rem;
-        @include transition(all $default-transition);
     }
 
     .select-label,
     .select-arrow {
         display: inline-block;
         vertical-align: middle;
         line-height: normal;
-        font-size: $medium-size;
-        padding: $medium-padding;
+        @include size-medium;
     }
 
     .select-arrow {
         float: right;
 
@@ -97,10 +93,9 @@
         }
 
         // Style when the select is focused
         &:focus + .select {
             border-color: $info;
-            box-shadow: 0 0 5px $info-light;
         }
 
         // Style when select is disabled
         &[disabled] + .select {
             cursor: not-allowed;
\ No newline at end of file