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