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 { |