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"] {
|
.button, input[type="submit"] {
|
||||||
|
@include var(color, text-color);
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
background-color: $primary-color;
|
border: 1px solid $primary-color;
|
||||||
border: none;
|
|
||||||
color: white;
|
|
||||||
transition: color 0.25s, background-color 0.25s;
|
transition: color 0.25s, background-color 0.25s;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
|
@ -73,8 +72,8 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover, &:focus {
|
||||||
background-color: white;
|
background-color: rgba($primary-color, 0.2);
|
||||||
color: $primary-color;
|
@include var(color, text-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user