File tree Expand file tree Collapse file tree 3 files changed +4
-61
lines changed Expand file tree Collapse file tree 3 files changed +4
-61
lines changed Original file line number Diff line number Diff line change 45
45
}
46
46
47
47
& &__list-item {
48
- padding : var (--ti-autocomplete-li-padding-vertical ) var (--ti-autocomplete-li-padding-horizontal );
48
+ padding : var (--ti-autocomplete-li-padding-vertical ) var (--ti-autocomplete-li-padding-horizontal );
49
49
margin : 0 ;
50
50
line-height : var (--ti-autocomplete-li-height );
51
51
color : var (--ti-autocomplete-li-text-color );
85
85
svg {
86
86
width : 16px ;
87
87
height : 16px ;
88
- animation : rotating 0.8s linear 0s infinite ;
89
88
}
90
89
}
91
90
100
99
}
101
100
}
102
101
}
103
-
104
- @keyframes rotating {
105
- 0% {
106
- transform : rotateZ (0deg );
107
- }
108
-
109
- 100% {
110
- transform : rotateZ (360deg );
111
- }
112
- }
Original file line number Diff line number Diff line change 96
96
}
97
97
}
98
98
99
- .circular {
100
- animation : loading- rotate 2s linear infinite ;
101
- display : inline-block ;
102
- }
103
-
104
- .path {
105
- animation : loading- dash 1.5s ease-in-out infinite ;
106
- stroke-dasharray : 90 , 150 ;
107
- stroke-dashoffset : 0 ;
108
- stroke-width : 2 ;
109
- stroke : var (--ti-loading-icon-color );
110
- stroke-linecap : round ;
111
- }
112
-
113
99
svg {
114
100
fill : var (--ti-loading-icon-color );
115
101
}
129
115
}
130
116
}
131
117
132
- @keyframes loading- rotate {
133
- 100% {
134
- transform : rotate (360deg );
135
- }
136
- }
137
-
138
- @keyframes loading- dash {
139
- 0% {
140
- stroke-dasharray : 1 , 200 ;
141
- stroke-dashoffset : 0 ;
142
- }
143
-
144
- 50% {
145
- stroke-dasharray : 90 , 150 ;
146
- stroke-dashoffset : -40px ;
147
- }
148
-
149
- 100% {
150
- stroke-dasharray : 90 , 150 ;
151
- stroke-dashoffset : -120px ;
152
- }
153
- }
154
-
155
118
.@{css-prefix-iconfont} -loading {
156
119
font-size : var (--ti-common-font-size-1 );
157
120
line-height : 1 ;
158
121
vertical-align : text-top ;
159
- animation : rotating 2s linear infinite ;
160
- }
161
-
162
- @keyframes rotating {
163
- 0% {
164
- transform : rotateZ (0deg );
165
- }
166
-
167
- 100% {
168
- transform : rotateZ (360deg );
169
- }
170
122
}
You can’t perform that action at this time.
0 commit comments