Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 12:24:28 -07:00
Code Issues 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
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-border-color: $grey-lighter !default
$input-height: $control-height !default $input-height: $control-height !default
$input-shadow: inset 0 1px 2px rgba($black, 0.1) !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-color: $grey-darker !default
$input-hover-border-color: $grey-light !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-color: $text-light !default
$input-disabled-background-color: $background !default $input-disabled-background-color: $background !default
$input-disabled-border-color: $background !default $input-disabled-border-color: $background !default
$input-disabled-placeholder-color: rgba($input-disabled-color, 0.3) !default
$input-arrow: $link !default $input-arrow: $link !default
@@ -47,7 +49,7 @@ $help-size: $size-small !default
border-color: $input-border-color border-color: $input-border-color
color: $input-color color: $input-color
+placeholder +placeholder
color: rgba($input-color, 0.3) color: $input-placeholder-color
&:hover, &:hover,
&.is-hovered &.is-hovered
border-color: $input-hover-border-color border-color: $input-hover-border-color
@@ -63,7 +65,7 @@ $help-size: $size-small !default
box-shadow: none box-shadow: none
color: $input-disabled-color color: $input-disabled-color
+placeholder +placeholder
color: rgba($input-disabled-color, 0.3) color: $input-disabled-placeholder-color
.input, .input,
.textarea .textarea