You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.8 KiB
60 lines
1.8 KiB
@import "../utilities/controls" |
|
@import "../utilities/mixins" |
|
|
|
$form-colors: $colors !default |
|
|
|
$input-color: $text-strong !default |
|
$input-background-color: $scheme-main !default |
|
$input-border-color: $border !default |
|
$input-height: $control-height !default |
|
$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default |
|
$input-placeholder-color: bulmaRgba($input-color, 0.3) !default |
|
|
|
$input-hover-color: $text-strong !default |
|
$input-hover-border-color: $border-hover !default |
|
|
|
$input-focus-color: $text-strong !default |
|
$input-focus-border-color: $link !default |
|
$input-focus-box-shadow-size: 0 0 0 0.125em !default |
|
$input-focus-box-shadow-color: bulmaRgba($link, 0.25) !default |
|
|
|
$input-disabled-color: $text-light !default |
|
$input-disabled-background-color: $background !default |
|
$input-disabled-border-color: $background !default |
|
$input-disabled-placeholder-color: bulmaRgba($input-disabled-color, 0.3) !default |
|
|
|
$input-arrow: $link !default |
|
|
|
$input-icon-color: $border !default |
|
$input-icon-active-color: $text !default |
|
|
|
$input-radius: $radius !default |
|
|
|
=input |
|
@extend %control |
|
background-color: $input-background-color |
|
border-color: $input-border-color |
|
border-radius: $input-radius |
|
color: $input-color |
|
+placeholder |
|
color: $input-placeholder-color |
|
&:hover, |
|
&.is-hovered |
|
border-color: $input-hover-border-color |
|
&:focus, |
|
&.is-focused, |
|
&:active, |
|
&.is-active |
|
border-color: $input-focus-border-color |
|
box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color |
|
&[disabled], |
|
fieldset[disabled] & |
|
background-color: $input-disabled-background-color |
|
border-color: $input-disabled-border-color |
|
box-shadow: none |
|
color: $input-disabled-color |
|
+placeholder |
|
color: $input-disabled-placeholder-color |
|
|
|
%input |
|
+input
|
|
|