From a832767a1e2e69e6fbab28d491be33f962e2daaf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= Date: Tue, 4 Aug 2020 09:08:42 +0200 Subject: [PATCH] style: give a button appearance to cancel links (#45721) --- gadjo/static/css/_forms.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/gadjo/static/css/_forms.scss b/gadjo/static/css/_forms.scss index ada98c0..b9bc01f 100644 --- a/gadjo/static/css/_forms.scss +++ b/gadjo/static/css/_forms.scss @@ -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%); }