1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-15 05:55:01 -05:00
kaiwa/public/css/app/forms.styl
2013-09-19 13:29:42 +02:00

56 lines
1.1 KiB
Stylus

// Forms and Buttons
input[type=text], input[type=email], input[type=search], input[type=password], textarea
-webkit-appearance: none
roundall(3px)
padding: 0 10px
background: white
border: 1px solid $grayOutline
font-size: 0.8em
color: $baseText
borderbox()
transition: border .2s ease-in 0
-webkit-transition: border .2s ease-in 0
-moz-transition: border .2s ease-in 0
input[type=text], input[type=email], input[type=search], input[type=password]
height: 35px
textarea
resize: none
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
textarea:focus
outline: none
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
gotham()
roundall(3px)
border: none
height: 35px
min-width: 80px
padding: 0 1em
color: white
background: $activeBlue
line-height: 35px
font-size: 14px
font-weight: bold
text-decoration: none
text-align: center
cursor: pointer
&:hover
background: darken($activeBlue, 30%)