logo

mastofe

My custom branche(s) on git.pleroma.social/pleroma/mastofe
commit: 3ac4455160f1fd95c33fbc053c9456f155b65a8a
parent: bf61bc1b96e63a848e7ec7984be54cb508b4bfe7
Author: Eugen Rochko <eugen@zeonfederated.com>
Date:   Fri, 31 Mar 2017 12:08:51 +0200

:active and :focus states same as :hover for buttons

Diffstat:

Mapp/assets/stylesheets/components.scss10+++++-----
1 file changed, 5 insertions(+), 5 deletions(-)

diff --git 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;