blob: b4cda586645ff762cc550e8d5309e92b20515227 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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
|
