From a7d12775d7ea8f72122d5a35914c0fe566fcea73 Mon Sep 17 00:00:00 2001 From: crupest Date: Thu, 6 May 2021 20:57:18 +0800 Subject: ... --- .../app/views/timeline-common/timeline-common.sass | 20 +++++++------------- 1 file changed, 7 insertions(+), 13 deletions(-) (limited to 'FrontEnd/src/app/views/timeline-common/timeline-common.sass') diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass index 3734ba25..0b0bd24d 100644 --- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass +++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass @@ -9,28 +9,20 @@ $timeline-line-width: 7px $timeline-line-node-radius: 18px -$timeline-line-color: $primary -$timeline-line-color-current: #36c2e6 +$timeline-line-color: var(--tl-primary-color) +$timeline-line-color-current: var(--tl-primary-enhance-color) @keyframes timeline-line-node-noncurrent - from - background: $timeline-line-color - to - background: color.adjust($timeline-line-color, $lightness: +10%) - box-shadow: 0 0 20px 3px color.adjust($timeline-line-color, $lightness: +10%, $alpha: -0.1) + box-shadow: 0 0 20px 3px var(--tl-primary-lighter-color) @keyframes timeline-line-node-current - from - background: $timeline-line-color-current - to - background: color.adjust($timeline-line-color-current, $lightness: +10%) - box-shadow: 0 0 20px 3px color.adjust($timeline-line-color-current, $lightness: +10%, $alpha: -0.1) + box-shadow: 0 0 20px 3px var(--tl-primary-enhance-lighter-color) @keyframes timeline-line-node-loading to - box-shadow: 0 0 20px 3px color.adjust($timeline-line-color, $lightness: +20%) + box-shadow: 0 0 20px 3px var(--tl-primary-lighter-color) @keyframes timeline-line-node-loading-edge from @@ -100,6 +92,7 @@ $timeline-line-color-current: #36c2e6 width: $timeline-line-node-radius + 2 height: $timeline-line-node-radius + 2 position: absolute + background: $timeline-line-color left: -1px top: -1px border-radius: 50% @@ -126,6 +119,7 @@ $timeline-line-color-current: #36c2e6 &.end background: $timeline-line-color-current .node + background: $timeline-line-color-current animation-name: timeline-line-node-current &.loading -- cgit v1.2.3