79 lines
1.3 KiB
Stylus

maxWidth = 560px
input[type="text"]
input[type="email"]
input[type="password"]
input[type="url"]
input[type="number"]
button
font-family inherit
font-size 1rem
border-radius 3px
transition all transitionSpeed ease
margin 0 0 10px
padding 0.4em 0.8em
width calc(100% - 1.6em)
max-width maxWidth
float left
&:focus
outline none
&:active
transform translateY(3px)
input[type="submit"]
button
.button
font-family inherit
font-size 1em
color black
padding 0.5em 2em
border-radius 3px
box-shadow none
border none
text-align center
transition all transitionSpeed ease
width 100%
max-width none
textarea
float left
border 1px solid rgba(0, 0, 0, 0.5)
border-radius 3px
padding 0.2em 0.4em
font-size 1em
font-family inherit
line-height 1.7em
outline none
resize vertical
overflow auto
select
// Layout
float left
padding 0.5em
padding 5px 10px
width 100%
max-width 756px
// Font
font-size 1em
font-weight normal
font-family inherit
transition all 0.5s ease
-webkit-appearance none
-moz-appearance none
box-shadow 0px 1px 3px rgba(0, 0, 0, 0.1)
user-select none
border-radius 2px
font-size inherit
overflow hidden
text-overflow ellipsis
white-space nowrap
.error
padding 1em
background-color rgb(255, 64, 64)
color white
border-radius 5px
margin-bottom 1em