From 3ac4455160f1fd95c33fbc053c9456f155b65a8a Mon Sep 17 00:00:00 2001
From: Eugen Rochko <eugen@zeonfederated.com>
Date: Fri, 31 Mar 2017 12:08:51 +0200
Subject: [PATCH] :active and :focus states same as :hover for buttons
---
app/assets/stylesheets/components.scss | 10 +++++-----
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 04d37546c8..1c1e8bffcb 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -21,7 +21,7 @@
text-decoration: none;
transition: all 100ms ease-in;
- &:hover {
+ &:hover, &:active, &:focus {
background-color: lighten($color4, 7%);
transition: all 200ms ease-out;
}
@@ -54,7 +54,7 @@
cursor: pointer;
transition: all 100ms ease-in;
- &:hover {
+ &:hover, &:active, &:focus {
color: lighten($color1, 33%);
transition: all 200ms ease-out;
}
@@ -79,7 +79,7 @@
&.inverted {
color: lighten($color1, 33%);
- &:hover {
+ &:hover, &:active, &:focus {
color: lighten($color1, 26%);
}
@@ -105,7 +105,7 @@
outline: 0;
transition: all 100ms ease-in;
- &:hover {
+ &:hover, &:active, &:focus {
color: lighten($color1, 26%);
transition: all 200ms ease-out;
}
@@ -1640,7 +1640,7 @@ button.active i.fa-retweet {
margin-top: 2px;
}
- &:hover {
+ &:hover, &:active, &:focus {
img {
opacity: 1;
filter: none;
--
GitLab