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 {
|
||||
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;
|
||||
|
|
Reference in New Issue