style: give a button appearance to cancel links (#45721)

This commit is contained in:
Frédéric Péters 2020-08-04 09:08:42 +02:00
parent 37bcf70504
commit a832767a1e
1 changed files with 3 additions and 2 deletions

View File

@ -94,7 +94,7 @@ a.button {
@include vendor-prefix('transition', 'border-color 0.2s ease, box-shadow 0.2s linear');
}
a.button, button, input[type=submit], div.buttons input {
a.button, button, input[type=submit], div.buttons input, div.buttons a.cancel {
@extend %button;
}
@ -102,11 +102,12 @@ input[type=submit] {
height: 2.3rem;
}
a.cancel-button, button.cancel-button, div.buttons .cancel-button input, div.buttons .cancel-button button {
a.cancel-button, button.cancel-button, div.buttons .cancel-button input, div.buttons a.cancel, div.buttons .cancel-button button {
color: $button-cancel-color;
border-color: $button-cancel-color;
&:hover {
background: #eee;
color: $button-cancel-color;
border-color: darken($button-cancel-color, 20%);
}
&:active { border-color: darken($button-cancel-color, 10%); }