about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components/index.scss
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2019-03-28 20:30:30 +0100
committerThibG <thib@sitedethib.com>2019-03-28 20:45:10 +0100
commita74d300b68ca992aece2763556de87bd65e0ba73 (patch)
tree9ea2e6e4a56c334fcb444e4df5a294c77d7a019e /app/javascript/flavours/glitch/styles/components/index.scss
parentf4b038f7797fab21b39c4cae35121d2fb02abda7 (diff)
Fix background color transition in destructive buttons
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/index.scss')
-rw-r--r--app/javascript/flavours/glitch/styles/components/index.scss11
1 files changed, 11 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss
index 21b76e33a..b098676b0 100644
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -35,6 +35,17 @@
     transition: all 200ms ease-out;
   }
 
+  &--destructive {
+    transition: none;
+
+    &:active,
+    &:focus,
+    &:hover {
+      background-color: $error-red;
+      transition: none;
+    }
+  }
+
   &:disabled {
     background-color: $ui-primary-color;
     cursor: default;