From 640c38204ad032e18f7936d5586f72f1b40baef0 Mon Sep 17 00:00:00 2001 From: elisejakob Date: Wed, 8 May 2019 14:56:45 +0200 Subject: [PATCH] adjust hover effects --- src/css/events.scss | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/css/events.scss b/src/css/events.scss index 884bad7..40aa7e0 100644 --- a/src/css/events.scss +++ b/src/css/events.scss @@ -94,17 +94,18 @@ transition: box-shadow .1s ease-in-out; &:hover { - color: $color-black; - box-shadow: 0 0 0 4px $color-black, 0 0 0 6px darken($color-orange, 20%); - animation: shine 3s alternate infinite; + color: $color-orange; + box-shadow: 0 0 0 4px $color-black, 0 0 0 7px darken($color-orange, 20%); + animation: shine 2s alternate infinite; + animation-delay: .3s; } @keyframes shine { from { - color: $color-black; + color: $color-orange; } to { - color: $color-orange; + color: $color-black; } }