bulma and fontawesome instaled
[josuexyz/.git] / node_modules / bulma / sass / form / shared.sass
1 $input-color: $text-strong !default
2 $input-background-color: $scheme-main !default
3 $input-border-color: $border !default
4 $input-height: $control-height !default
5 $input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default
6 $input-placeholder-color: rgba($input-color, 0.3) !default
7
8 $input-hover-color: $text-strong !default
9 $input-hover-border-color: $border-hover !default
10
11 $input-focus-color: $text-strong !default
12 $input-focus-border-color: $link !default
13 $input-focus-box-shadow-size: 0 0 0 0.125em !default
14 $input-focus-box-shadow-color: rgba($link, 0.25) !default
15
16 $input-disabled-color: $text-light !default
17 $input-disabled-background-color: $background !default
18 $input-disabled-border-color: $background !default
19 $input-disabled-placeholder-color: rgba($input-disabled-color, 0.3) !default
20
21 $input-arrow: $link !default
22
23 $input-icon-color: $border !default
24 $input-icon-active-color: $text !default
25
26 $input-radius: $radius !default
27
28 =input
29   @extend %control
30   background-color: $input-background-color
31   border-color: $input-border-color
32   border-radius: $input-radius
33   color: $input-color
34   +placeholder
35     color: $input-placeholder-color
36   &:hover,
37   &.is-hovered
38     border-color: $input-hover-border-color
39   &:focus,
40   &.is-focused,
41   &:active,
42   &.is-active
43     border-color: $input-focus-border-color
44     box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
45   &[disabled],
46   fieldset[disabled] &
47     background-color: $input-disabled-background-color
48     border-color: $input-disabled-border-color
49     box-shadow: none
50     color: $input-disabled-color
51     +placeholder
52       color: $input-disabled-placeholder-color
53
54 %input
55   +input