2017-06-23 18:22:48 +02:00
|
|
|
mixin input-focus
|
|
|
|
|
:focus
|
2017-11-05 06:56:09 +01:00
|
|
|
border 1px solid input-focus-border-color !important
|
2017-06-23 18:22:48 +02:00
|
|
|
// TODO: Replace with alpha(main-color, 20%) function
|
2017-11-05 06:56:09 +01:00
|
|
|
box-shadow 0 0 6px rgba(248, 165, 130, 0.2) !important
|
2017-06-23 18:22:48 +02:00
|
|
|
|
2017-12-04 15:32:59 +01:00
|
|
|
mixin button-hover
|
|
|
|
|
:hover,
|
|
|
|
|
&.active
|
|
|
|
|
cursor pointer
|
|
|
|
|
color button-hover-color
|
|
|
|
|
background button-hover-background
|
|
|
|
|
|
|
|
|
|
:active
|
|
|
|
|
transform translateY(3px)
|
|
|
|
|
|
2017-07-02 23:42:46 +02:00
|
|
|
input, textarea, button, .button, select
|
|
|
|
|
ui-element
|
2016-12-02 00:27:53 +09:00
|
|
|
font-family inherit
|
2017-06-20 21:37:52 +02:00
|
|
|
font-size 1em
|
2017-07-02 23:42:46 +02:00
|
|
|
line-height 1.25em
|
2016-12-02 00:27:53 +09:00
|
|
|
color text-color
|
|
|
|
|
|
2017-07-02 23:42:46 +02:00
|
|
|
input, textarea, select
|
2017-06-23 18:22:48 +02:00
|
|
|
input-focus
|
2017-07-06 19:33:58 +02:00
|
|
|
width 100%
|
2017-07-02 23:42:46 +02:00
|
|
|
|
2016-12-02 00:27:53 +09:00
|
|
|
:disabled
|
|
|
|
|
ui-disabled
|
|
|
|
|
|
2017-07-06 19:33:58 +02:00
|
|
|
input, select
|
|
|
|
|
padding 0.5rem 1rem
|
|
|
|
|
|
2017-06-26 15:17:53 +02:00
|
|
|
input
|
2017-11-16 22:37:18 +01:00
|
|
|
height input-height
|
|
|
|
|
|
2018-11-15 12:42:10 +09:00
|
|
|
[pattern]
|
|
|
|
|
:focus
|
|
|
|
|
:invalid
|
|
|
|
|
border-color red !important
|
|
|
|
|
|
|
|
|
|
:valid
|
|
|
|
|
border-color green !important
|
|
|
|
|
|
2017-06-26 15:17:53 +02:00
|
|
|
:active
|
|
|
|
|
transform translateY(3px)
|
|
|
|
|
|
2018-11-23 19:11:46 +09:00
|
|
|
.color-picker-container
|
|
|
|
|
horizontal
|
|
|
|
|
|
|
|
|
|
.color-picker
|
|
|
|
|
ui-element
|
|
|
|
|
flex 1
|
|
|
|
|
height input-height
|
|
|
|
|
margin-right content-padding-half
|
|
|
|
|
|
|
|
|
|
:hover
|
|
|
|
|
cursor pointer
|
|
|
|
|
|
|
|
|
|
:active
|
|
|
|
|
transform translateY(3px)
|
|
|
|
|
|
2017-06-19 20:59:02 +02:00
|
|
|
button, .button
|
2017-06-20 12:41:26 +02:00
|
|
|
horizontal
|
2018-07-19 14:10:43 +09:00
|
|
|
padding 0rem 1rem
|
2018-04-23 16:51:11 +02:00
|
|
|
color button-color
|
2017-07-02 23:42:46 +02:00
|
|
|
align-items center
|
2018-04-04 11:47:52 +02:00
|
|
|
pointer-events all
|
2018-04-20 00:06:13 +02:00
|
|
|
height input-height
|
2017-06-19 20:59:02 +02:00
|
|
|
|
2017-12-04 15:32:59 +01:00
|
|
|
button-hover
|
2016-12-02 00:27:53 +09:00
|
|
|
|
2018-11-23 19:11:46 +09:00
|
|
|
:disabled
|
|
|
|
|
ui-disabled
|
|
|
|
|
|
2017-06-29 15:55:04 +02:00
|
|
|
select
|
|
|
|
|
appearance none
|
|
|
|
|
-webkit-appearance none
|
|
|
|
|
-moz-appearance none
|
2017-06-19 20:59:02 +02:00
|
|
|
|
2017-11-17 13:15:45 +01:00
|
|
|
option
|
|
|
|
|
color text-color
|
|
|
|
|
background bg-color
|
|
|
|
|
|
2017-06-18 20:22:43 +02:00
|
|
|
label
|
|
|
|
|
width 100%
|
|
|
|
|
padding 0.5rem 0
|
|
|
|
|
text-align left
|
|
|
|
|
|
2017-07-02 23:42:46 +02:00
|
|
|
textarea
|
2017-07-03 01:15:07 +02:00
|
|
|
padding 0.4em 0.8em
|
2017-07-02 23:42:46 +02:00
|
|
|
line-height 1.5em
|
2018-12-05 09:04:52 +09:00
|
|
|
min-height 10rem
|
2017-11-16 22:37:18 +01:00
|
|
|
transition none
|
|
|
|
|
|
|
|
|
|
.number-input-container
|
|
|
|
|
horizontal
|
|
|
|
|
|
|
|
|
|
button
|
|
|
|
|
justify-content center
|
|
|
|
|
margin-left 0.2rem
|
2018-11-16 02:25:03 +09:00
|
|
|
width input-height
|
2017-11-16 22:37:18 +01:00
|
|
|
height input-height
|
