1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-13 21:15:04 -05:00
kaiwa/public/css/app/forms.styl
2013-10-23 17:15:02 +02:00

68 lines
1.4 KiB
Stylus

// Forms and Buttons
input[type=text], input[type=email], input[type=search], input[type=password], textarea, .main .status
-webkit-appearance: none
roundall(3px)
padding: 0 10px
background-color: white
border: 1px solid $grayOutline
font-size: $font-size-small
color: $baseText
borderbox()
font-family: $font-family-gotham
-webkit-font-smoothing: antialiased
-webkit-appearance: none
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], .main .status
height: 35px
textarea
resize: none
input[type=text]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=password]:focus,
textarea:focus,
.main .status:focus
outline: none
border: 1px solid lighten($activeBlue, 50%)
label
display: block
margin-bottom: 5px
font-size: 13px
font-weight: $font-weight-bold
color: $baseText
a.button
line-height: 35px
button, a.button
display: inline-block
gotham()
roundall(3px)
border: none
height: 35px
min-width: 80px
padding: 0 1em
color: white
background: $activeBlue
font-size: $font-size-small
font-weight: $font-weight-bold
text-decoration: none
text-align: center
cursor: pointer
&:focus
outline: none
&:hover
background: darken($activeBlue, 30%)
.installFirefox, .addContact
margin-left: 5px