CSS: Use generic colors for inputs border colors.
More reliable when theming.
This commit is contained in:
@@ -130,16 +130,19 @@
|
|||||||
transform: translate(-50%, -50%)
|
transform: translate(-50%, -50%)
|
||||||
|
|
||||||
=input-generic
|
=input-generic
|
||||||
color: $color-text-dark
|
|
||||||
background-color: transparent
|
background-color: transparent
|
||||||
|
border-color: $color-background-dark
|
||||||
|
color: $color-text
|
||||||
|
transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
border-bottom-color: $color-background
|
border-color: $color-background-light
|
||||||
|
|
||||||
&:focus
|
&:focus
|
||||||
outline: 0
|
background-color: unset
|
||||||
border-color: $primary
|
border-color: $primary
|
||||||
box-shadow: none
|
box-shadow: none
|
||||||
|
color: $color-text
|
||||||
|
|
||||||
=label-generic
|
=label-generic
|
||||||
color: $color-text-dark-primary
|
color: $color-text-dark-primary
|
||||||
|
Reference in New Issue
Block a user