59 lines
908 B
Plaintext
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 |