2013-09-18 13:45:40 -04:00
|
|
|
// Forms and Buttons
|
|
|
|
|
|
2013-09-18 13:28:42 -04:00
|
|
|
input[type=text], input[type=email], input[type=search], input[type=password], textarea
|
2013-09-18 12:40:05 -04:00
|
|
|
-webkit-appearance: none
|
|
|
|
|
roundall(3px)
|
2013-09-18 13:28:42 -04:00
|
|
|
padding: 0 10px
|
2013-09-18 12:40:05 -04:00
|
|
|
background: white
|
|
|
|
|
border: 1px solid $grayOutline
|
|
|
|
|
font-size: 0.8em
|
2013-09-18 13:40:00 -04:00
|
|
|
color: $baseText
|
2013-09-18 12:40:05 -04:00
|
|
|
borderbox()
|
|
|
|
|
|
|
|
|
|
transition: border .2s ease-in 0
|
|
|
|
|
-webkit-transition: border .2s ease-in 0
|
|
|
|
|
-moz-transition: border .2s ease-in 0
|
|
|
|
|
|
2013-09-18 13:28:42 -04:00
|
|
|
input[type=text], input[type=email], input[type=search], input[type=password]
|
|
|
|
|
height: 35px
|
2013-09-18 12:40:05 -04:00
|
|
|
|
|
|
|
|
textarea
|
|
|
|
|
resize: none
|
|
|
|
|
|
|
|
|
|
input[type=text]:focus,
|
|
|
|
|
input[type=email]:focus,
|
|
|
|
|
input[type=search]:focus,
|
2013-09-18 13:28:42 -04:00
|
|
|
input[type=password]:focus,
|
2013-09-18 12:40:05 -04:00
|
|
|
textarea:focus
|
|
|
|
|
outline: none
|
2013-09-18 13:40:00 -04:00
|
|
|
border: 1px solid lighten($activeBlue, 50%)
|
|
|
|
|
|
|
|
|
|
label
|
|
|
|
|
display: block
|
|
|
|
|
margin-bottom: 5px
|
|
|
|
|
font-size: 13px
|
|
|
|
|
font-weight: bold
|
|
|
|
|
color: $baseText
|
|
|
|
|
|
|
|
|
|
button, a.button
|
|
|
|
|
display: inline-block
|
|
|
|
|
roundall(3px)
|
|
|
|
|
border: none
|
|
|
|
|
height: 35px
|
2013-09-18 13:50:11 -04:00
|
|
|
min-width: 80px
|
2013-09-18 13:40:00 -04:00
|
|
|
padding: 0 1em
|
|
|
|
|
color: white
|
|
|
|
|
background: $activeBlue
|
|
|
|
|
line-height: 35px
|
|
|
|
|
font-size: 14px
|
|
|
|
|
font-weight: bold
|
2013-09-18 13:50:11 -04:00
|
|
|
text-decoration: none
|
|
|
|
|
text-align: center
|
2013-09-18 13:40:00 -04:00
|
|
|
cursor: pointer
|
|
|
|
|
|
|
|
|
|
&:hover
|
|
|
|
|
background: darken($activeBlue, 30%)
|
