From f765526e2cbb0d4292066c80210bce9fd78c4e9b Mon Sep 17 00:00:00 2001 From: kolaente Date: Tue, 27 Jul 2021 22:19:10 +0200 Subject: [PATCH] Add list ghost style + animation --- src/styles/components/tasks.scss | 4 ---- src/styles/theme/navigation.scss | 12 ++++++++++++ 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/styles/components/tasks.scss b/src/styles/components/tasks.scss index 9456b01d4..5c2d92fa4 100644 --- a/src/styles/components/tasks.scss +++ b/src/styles/components/tasks.scss @@ -8,10 +8,6 @@ transition: transform $transition-duration; } - .no-move { - transition: transform 0; - } - .ghost { border-radius: $radius; background: $grey-100; diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss index 4f69dea05..d9ee62a31 100644 --- a/src/styles/theme/navigation.scss +++ b/src/styles/theme/navigation.scss @@ -240,6 +240,18 @@ } } + .flip-list-move { + transition: transform $transition-duration; + } + + .ghost { + background: $grey-200; + + * { + opacity: 0; + } + } + a:hover { background: transparent; }