style: give a button appearance to cancel links (#45721)
This commit is contained in:
parent
37bcf70504
commit
a832767a1e
|
@ -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%); }
|
||||
|
|
Loading…
Reference in New Issue