|
|
@ -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; |
|
|
|