+placeholder
color: rgba($control, 0.3)
+=form-control
+ +control
+ @each $name, $pair in $colors
+ $color: nth($pair, 1)
+ $color-invert: nth($pair, 2)
+ &.is-#{$name}
+ border-color: $color
+ color: $color
+
=control-small
border-radius: 2px
font-size: 11px
padding: 3px 12px
.input
- +control
+ +form-control
box-shadow: inset 0 1px 2px rgba(black, 0.1)
display: block
max-width: 100%
position: relative
vertical-align: top
input
- +control
+ +form-control
border-radius: 1px
box-shadow: inset 0 1px 1px rgba(black, 0.1)
cursor: pointer
position: relative
vertical-align: top
select
- +control
+ +form-control
cursor: pointer
display: block
outline: none
&:after
border-color: $link-hover
+.label
+ color: $text-strong
+ display: block
+ &:not(:last-child)
+ margin-bottom: 5px
+
.control
position: relative
text-align: left