59 lines
908 B
Plaintext

mixin input-focus
:focus
border 1px solid input-focus-border-color
// TODO: Replace with alpha(main-color, 20%) function
box-shadow 0 0 6px rgba(248, 165, 130, 0.2)
input, textarea, button, .button, select
ui-element
font-family inherit
font-size 1em
line-height 1.25em
color text-color
input, textarea, select
input-focus
width 100%
:disabled
ui-disabled
input, select
width 100%
padding 0.5rem 1rem
input
:active
transform translateY(3px)
button, .button
horizontal
line-height 1.5em
padding 0.5rem 1rem
color link-color
align-items center
:hover,
&.active
cursor pointer
color white
background-color button-hover-color
:active
transform translateY(3px)
select
appearance none
-webkit-appearance none
-moz-appearance none
label
width 100%
padding 0.5rem 0
text-align left
textarea
padding 0.4em 0.8em
line-height 1.5em
height 10rem
transition none