library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-10-17 09:04:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Extract input placeholder colors to variables (#2168)

Browse Source 
* Extract input placeholder colors to variables

This makes it easier to override the color colour of the placeholder text in an input.

* Remove semicolon, because SASS.

This is SASS, not SCSS.
This commit is contained in:
Ariejan de Vroom 2018-10-28 10:38:14 +01:00 committed by Jeremy Thomas
parent 9917b9f9f3
commit cee7e5cd17
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
sass/elements/form.sass
View File

@ -3,6 +3,7 @@ $input-background-color: $white !default
$input-border-color: $grey-lighter !default
$input-height: $control-height !default
$input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
$input-placeholder-color: rgba($input-color, 0.3) !default
$input-hover-color: $grey-darker !default
$input-hover-border-color: $grey-light !default
@ -15,6 +16,7 @@ $input-focus-box-shadow-color: rgba($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: rgba($input-disabled-color, 0.3) !default
$input-arrow: $link !default
@ -47,7 +49,7 @@ $help-size: $size-small !default
border-color: $input-border-color
color: $input-color
+placeholder
color: rgba($input-color, 0.3)
color: $input-placeholder-color
&:hover,
&.is-hovered
border-color: $input-hover-border-color
@ -63,7 +65,7 @@ $help-size: $size-small !default
box-shadow: none
color: $input-disabled-color
+placeholder
color: rgba($input-disabled-color, 0.3)
color: $input-disabled-placeholder-color
.input,
.textarea