diff options
| author | crupest <crupest@outlook.com> | 2021-06-15 14:14:28 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-06-15 14:14:28 +0800 |
| commit | 47587812b809fee2a95c76266d9d0e42fc4ac1ca (patch) | |
| tree | bfaa7320c838e21edf88b5a037263f89a8012222 /FrontEnd/src/views/home/home.sass | |
| parent | da26373c7fc13cded47428b27638b349b0432437 (diff) | |
| download | timeline-47587812b809fee2a95c76266d9d0e42fc4ac1ca.tar.gz timeline-47587812b809fee2a95c76266d9d0e42fc4ac1ca.tar.bz2 timeline-47587812b809fee2a95c76266d9d0e42fc4ac1ca.zip | |
...
Diffstat (limited to 'FrontEnd/src/views/home/home.sass')
| -rw-r--r-- | FrontEnd/src/views/home/home.sass | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/FrontEnd/src/views/home/home.sass b/FrontEnd/src/views/home/home.sass new file mode 100644 index 00000000..b4cda586 --- /dev/null +++ b/FrontEnd/src/views/home/home.sass @@ -0,0 +1,29 @@ +.home-timeline-list-item
+ display: flex
+ align-items: center
+
+.home-timeline-list-item-timeline
+ transition: background 0.8s
+ animation: 0.8s home-timeline-list-item-timeline-enter
+ &:hover
+ background: $gray-200
+
+@keyframes home-timeline-list-item-timeline-enter
+ from
+ transform: translate(-100%,0)
+ opacity: 0
+
+.home-timeline-list-item-line
+ width: 80px
+ flex-shrink: 0
+
+@keyframes home-timeline-list-loading-head-animation
+ from
+ transform: translate(0,-30px)
+ opacity: 1
+
+ to
+ opacity: 0
+
+.home-timeline-list-loading-head
+ animation: 1s infinite home-timeline-list-loading-head-animation
|