Better contrast for buttons

This commit is contained in:
Miraty 2021-09-18 20:22:30 +02:00
parent 04b15ae80d
commit d57eef3a04
1 changed files with 21 additions and 3 deletions

View File

@ -68,7 +68,9 @@ main {
a, a:visited {
text-decoration: underline;
transition: color 0.1s linear;
transition-property: color, border-color;
transition-duration: 0.1s;
transition-timing-function: linear;
@media @light {
color: @darkColor;
@ -86,7 +88,8 @@ a, a:visited {
}
.bouton {
border: 2px solid grey;
border-width: 2px;
border-style: solid;
padding: 10px;
padding-left: 15px;
padding-right: 15px;
@ -95,6 +98,13 @@ a, a:visited {
border-radius: 14px;
text-decoration: none;
@media @light {
border-color: @darkColor;
}
@media @dark {
border-color: @lightColor;
}
&:hover {
color: @mainColor;
border: 2px solid @mainColor;
@ -103,7 +113,8 @@ a, a:visited {
}
.petit-bouton {
border: 2px solid grey;
border-width: 2px;
border-style: solid;
padding: 2px;
padding-left: 10px;
padding-right: 10px;
@ -113,6 +124,13 @@ a, a:visited {
border-radius: 14px;
text-decoration: none;
@media @light {
border-color: @darkColor;
}
@media @dark {
border-color: @lightColor;
}
&:hover {
color: @mainColor;
border: 2px solid @mainColor;