Make button contrast not burn your eyes.
This commit is contained in:
parent
0502cf93b6
commit
991cccb9f6
|
@ -61,10 +61,9 @@ h1, h2, h3, h4, h5, h6 {
|
|||
}
|
||||
|
||||
.button, input[type="submit"] {
|
||||
@include var(color, text-color);
|
||||
padding: 0.5rem;
|
||||
background-color: $primary-color;
|
||||
border: none;
|
||||
color: white;
|
||||
border: 1px solid $primary-color;
|
||||
transition: color 0.25s, background-color 0.25s;
|
||||
text-align: left;
|
||||
|
||||
|
@ -73,8 +72,8 @@ h1, h2, h3, h4, h5, h6 {
|
|||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: white;
|
||||
color: $primary-color;
|
||||
background-color: rgba($primary-color, 0.2);
|
||||
@include var(color, text-color);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user