treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

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

lolsob-rspec
Eugen Rochko 2017-03-31 12:08:51 +02:00
parent bbc3a36c82
commit 9169326960
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/components.scss
View File

@ -21,7 +21,7 @@
text-decoration: none; text-decoration: none;
transition: all 100ms ease-in; transition: all 100ms ease-in;
&:hover { &:hover, &:active, &:focus {
background-color: lighten($color4, 7%); background-color: lighten($color4, 7%);
transition: all 200ms ease-out; transition: all 200ms ease-out;
} }
@ -54,7 +54,7 @@
cursor: pointer; cursor: pointer;
transition: all 100ms ease-in; transition: all 100ms ease-in;
&:hover { &:hover, &:active, &:focus {
color: lighten($color1, 33%); color: lighten($color1, 33%);
transition: all 200ms ease-out; transition: all 200ms ease-out;
} }
@ -79,7 +79,7 @@
&.inverted { &.inverted {
color: lighten($color1, 33%); color: lighten($color1, 33%);
&:hover { &:hover, &:active, &:focus {
color: lighten($color1, 26%); color: lighten($color1, 26%);
} }
@ -105,7 +105,7 @@
outline: 0; outline: 0;
transition: all 100ms ease-in; transition: all 100ms ease-in;
&:hover { &:hover, &:active, &:focus {
color: lighten($color1, 26%); color: lighten($color1, 26%);
transition: all 200ms ease-out; transition: all 200ms ease-out;
} }
@ -1640,7 +1640,7 @@ button.active i.fa-retweet {
margin-top: 2px; margin-top: 2px;
} }
&:hover { &:hover, &:active, &:focus {
img { img {
opacity: 1; opacity: 1;
filter: none; filter: none;