Better contrast for buttons
This commit is contained in:
parent
04b15ae80d
commit
d57eef3a04
24
style.less
24
style.less
|
@ -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;
|
||||||
|
|
Reference in New Issue