2017-06-23 16:22:48 +00:00
|
|
|
mixin input-focus
|
|
|
|
|
:focus
|
|
|
|
|
color black
|
2017-06-25 21:07:14 +00:00
|
|
|
border 1px solid input-focus-border-color
|
2017-06-23 16:22:48 +00:00
|
|
|
// TODO: Replace with alpha(main-color, 20%) function
|
|
|
|
|
box-shadow 0 0 6px rgba(248, 165, 130, 0.2)
|
|
|
|
|
|
2016-12-01 15:27:53 +00:00
|
|
|
input, textarea, button, select
|
|
|
|
|
font-family inherit
|
2017-06-20 19:37:52 +00:00
|
|
|
font-size 1em
|
2016-12-01 15:27:53 +00:00
|
|
|
padding 0.4em 0.8em
|
|
|
|
|
border-radius 3px
|
|
|
|
|
color text-color
|
|
|
|
|
|
|
|
|
|
input, textarea
|
|
|
|
|
border ui-border
|
2017-06-18 18:22:43 +00:00
|
|
|
background white
|
2016-12-01 15:27:53 +00:00
|
|
|
box-shadow none
|
2017-06-26 13:17:53 +00:00
|
|
|
width 100%
|
2017-06-23 16:22:48 +00:00
|
|
|
input-focus
|
2017-06-18 18:22:43 +00:00
|
|
|
|
2016-12-01 15:27:53 +00:00
|
|
|
:disabled
|
|
|
|
|
ui-disabled
|
|
|
|
|
|
2017-06-26 13:17:53 +00:00
|
|
|
input
|
|
|
|
|
default-transition
|
|
|
|
|
|
|
|
|
|
:active
|
|
|
|
|
transform translateY(3px)
|
|
|
|
|
|
2017-06-23 16:22:48 +00:00
|
|
|
// We need this to have a selector with a higher priority than .widget-element:focus
|
2017-06-25 21:07:14 +00:00
|
|
|
input.widget-element,
|
|
|
|
|
textarea.widget-element
|
2017-06-23 16:22:48 +00:00
|
|
|
input-focus
|
|
|
|
|
|
2017-06-26 13:17:53 +00:00
|
|
|
textarea
|
|
|
|
|
height 10rem
|
|
|
|
|
|
2017-06-19 18:59:02 +00:00
|
|
|
button, .button
|
2016-12-06 03:36:31 +00:00
|
|
|
ui-element
|
2017-06-20 10:41:26 +00:00
|
|
|
horizontal
|
2017-06-19 18:59:02 +00:00
|
|
|
font-size 1rem
|
|
|
|
|
line-height 1rem
|
|
|
|
|
padding 0.75rem 1rem
|
|
|
|
|
color link-color
|
|
|
|
|
|
2017-06-25 21:07:14 +00:00
|
|
|
:hover,
|
|
|
|
|
&.active
|
2017-06-19 18:59:02 +00:00
|
|
|
cursor pointer
|
|
|
|
|
color white
|
2017-06-25 21:07:14 +00:00
|
|
|
background-color button-hover-color
|
2017-06-19 18:59:02 +00:00
|
|
|
|
|
|
|
|
:active
|
|
|
|
|
transform translateY(3px)
|
|
|
|
|
|
2016-12-06 03:36:31 +00:00
|
|
|
// box-shadow 0 0 2px white, 0 -2px 5px rgba(0, 0, 0, 0.08) inset
|
|
|
|
|
// :active
|
|
|
|
|
// background-color black
|
|
|
|
|
// color white
|
|
|
|
|
// :focus
|
|
|
|
|
// color rgb(0, 0, 0)
|
|
|
|
|
// // box-shadow 0 0 6px alpha(mainColor, 20%)
|
|
|
|
|
// border 1px solid main-color
|
2016-12-01 15:27:53 +00:00
|
|
|
|
2017-06-19 18:59:02 +00:00
|
|
|
// select
|
|
|
|
|
// ui-element
|
|
|
|
|
// font-size 1rem
|
|
|
|
|
// padding 0.5em 1em
|
|
|
|
|
|
2017-06-18 18:22:43 +00:00
|
|
|
label
|
|
|
|
|
width 100%
|
|
|
|
|
padding 0.5rem 0
|
|
|
|
|
text-align left
|
|
|
|
|
|
2016-12-01 15:27:53 +00:00
|
|
|
// input[type="submit"]:hover,
|
|
|
|
|
// button:hover
|
|
|
|
|
// cursor pointer
|
|
|
|
|
// text-decoration none
|
|
|
|
|
|
|
|
|
|
// button[disabled]
|
|
|
|
|
// opacity 0.5
|
|
|
|
|
// :hover
|
|
|
|
|
// cursor not-allowed
|
