diff options
author | Stefan Malzner <stefan@adlk.io> | 2017-11-10 16:25:59 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2017-11-10 16:25:59 +0100 |
commit | 8433a52774677cf1ecabac9166964b29ec64b172 (patch) | |
tree | 87b326007b2cba065e1e98613f0778a43db7ad33 /src/styles/layout.scss | |
parent | fix merging issues (diff) | |
download | ferdium-app-8433a52774677cf1ecabac9166964b29ec64b172.tar.gz ferdium-app-8433a52774677cf1ecabac9166964b29ec64b172.tar.zst ferdium-app-8433a52774677cf1ecabac9166964b29ec64b172.zip |
replace :hover animation by a more decent :active effect
Diffstat (limited to 'src/styles/layout.scss')
-rw-r--r-- | src/styles/layout.scss | 5 |
1 files changed, 1 insertions, 4 deletions
diff --git a/src/styles/layout.scss b/src/styles/layout.scss index 9f32bf2c4..b35ab2a7b 100644 --- a/src/styles/layout.scss +++ b/src/styles/layout.scss | |||
@@ -59,16 +59,13 @@ html { | |||
59 | font-size: 24px; | 59 | font-size: 24px; |
60 | position: relative; | 60 | position: relative; |
61 | color: $theme-gray-light; | 61 | color: $theme-gray-light; |
62 | transition: color 0.25s, transform 0.25s; | ||
63 | 62 | ||
64 | &:hover { | 63 | &:hover { |
65 | transform: scale(1.15); | ||
66 | color: darken($theme-gray-light, 10%); | 64 | color: darken($theme-gray-light, 10%); |
67 | } | 65 | } |
68 | 66 | ||
69 | &:active { | 67 | &:active { |
70 | transition: transform 0.1s; | 68 | color: lighten($theme-gray-light, 10%); |
71 | transform: scale(1); | ||
72 | } | 69 | } |
73 | 70 | ||
74 | &.is-muted { | 71 | &.is-muted { |