|
52 | 52 | min-width: calc(1em + 2px); |
53 | 53 | } |
54 | 54 |
|
55 | | -.pretty .state label:before, .pretty .state label:after { |
| 55 | +.pretty .state label:before, |
| 56 | +.pretty .state label:after { |
56 | 57 | content: ''; |
57 | 58 | width: calc(1em + 2px); |
58 | 59 | height: calc(1em + 2px); |
|
71 | 72 | border-color: #bdc3c7; |
72 | 73 | } |
73 | 74 |
|
74 | | -.pretty .state.p-is-hover, .pretty .state.p-is-indeterminate { |
| 75 | +.pretty .state.p-is-hover, |
| 76 | +.pretty .state.p-is-indeterminate { |
75 | 77 | display: none; |
76 | 78 | } |
77 | 79 |
|
|
99 | 101 | -webkit-transform: scale(7); |
100 | 102 | transform: scale(7); |
101 | 103 | } |
| 104 | + |
102 | 105 | 38% { |
103 | 106 | -webkit-animation-timing-function: ease-out; |
104 | 107 | animation-timing-function: ease-out; |
105 | 108 | opacity: 1; |
106 | 109 | -webkit-transform: scale(1); |
107 | 110 | transform: scale(1); |
108 | 111 | } |
| 112 | + |
109 | 113 | 55% { |
110 | 114 | -webkit-animation-timing-function: ease-in; |
111 | 115 | animation-timing-function: ease-in; |
112 | 116 | -webkit-transform: scale(1.5); |
113 | 117 | transform: scale(1.5); |
114 | 118 | } |
| 119 | + |
115 | 120 | 72% { |
116 | 121 | -webkit-animation-timing-function: ease-out; |
117 | 122 | animation-timing-function: ease-out; |
118 | 123 | -webkit-transform: scale(1); |
119 | 124 | transform: scale(1); |
120 | 125 | } |
| 126 | + |
121 | 127 | 81% { |
122 | 128 | -webkit-animation-timing-function: ease-in; |
123 | 129 | animation-timing-function: ease-in; |
124 | 130 | -webkit-transform: scale(1.24); |
125 | 131 | transform: scale(1.24); |
126 | 132 | } |
| 133 | + |
127 | 134 | 89% { |
128 | 135 | -webkit-animation-timing-function: ease-out; |
129 | 136 | animation-timing-function: ease-out; |
130 | 137 | -webkit-transform: scale(1); |
131 | 138 | transform: scale(1); |
132 | 139 | } |
| 140 | + |
133 | 141 | 95% { |
134 | 142 | -webkit-animation-timing-function: ease-in; |
135 | 143 | animation-timing-function: ease-in; |
136 | 144 | -webkit-transform: scale(1.04); |
137 | 145 | transform: scale(1.04); |
138 | 146 | } |
| 147 | + |
139 | 148 | 100% { |
140 | 149 | -webkit-animation-timing-function: ease-out; |
141 | 150 | animation-timing-function: ease-out; |
|
152 | 161 | -webkit-transform: scale(7); |
153 | 162 | transform: scale(7); |
154 | 163 | } |
| 164 | + |
155 | 165 | 38% { |
156 | 166 | -webkit-animation-timing-function: ease-out; |
157 | 167 | animation-timing-function: ease-out; |
158 | 168 | opacity: 1; |
159 | 169 | -webkit-transform: scale(1); |
160 | 170 | transform: scale(1); |
161 | 171 | } |
| 172 | + |
162 | 173 | 55% { |
163 | 174 | -webkit-animation-timing-function: ease-in; |
164 | 175 | animation-timing-function: ease-in; |
165 | 176 | -webkit-transform: scale(1.5); |
166 | 177 | transform: scale(1.5); |
167 | 178 | } |
| 179 | + |
168 | 180 | 72% { |
169 | 181 | -webkit-animation-timing-function: ease-out; |
170 | 182 | animation-timing-function: ease-out; |
171 | 183 | -webkit-transform: scale(1); |
172 | 184 | transform: scale(1); |
173 | 185 | } |
| 186 | + |
174 | 187 | 81% { |
175 | 188 | -webkit-animation-timing-function: ease-in; |
176 | 189 | animation-timing-function: ease-in; |
177 | 190 | -webkit-transform: scale(1.24); |
178 | 191 | transform: scale(1.24); |
179 | 192 | } |
| 193 | + |
180 | 194 | 89% { |
181 | 195 | -webkit-animation-timing-function: ease-out; |
182 | 196 | animation-timing-function: ease-out; |
183 | 197 | -webkit-transform: scale(1); |
184 | 198 | transform: scale(1); |
185 | 199 | } |
| 200 | + |
186 | 201 | 95% { |
187 | 202 | -webkit-animation-timing-function: ease-in; |
188 | 203 | animation-timing-function: ease-in; |
189 | 204 | -webkit-transform: scale(1.04); |
190 | 205 | transform: scale(1.04); |
191 | 206 | } |
| 207 | + |
192 | 208 | 100% { |
193 | 209 | -webkit-animation-timing-function: ease-out; |
194 | 210 | animation-timing-function: ease-out; |
|
202 | 218 | -webkit-transform: scale3d(1, 1, 1); |
203 | 219 | transform: scale3d(1, 1, 1); |
204 | 220 | } |
| 221 | + |
205 | 222 | 30% { |
206 | 223 | -webkit-transform: scale3d(0.75, 1.25, 1); |
207 | 224 | transform: scale3d(0.75, 1.25, 1); |
208 | 225 | } |
| 226 | + |
209 | 227 | 40% { |
210 | 228 | -webkit-transform: scale3d(1.25, 0.75, 1); |
211 | 229 | transform: scale3d(1.25, 0.75, 1); |
212 | 230 | } |
| 231 | + |
213 | 232 | 50% { |
214 | 233 | -webkit-transform: scale3d(0.85, 1.15, 1); |
215 | 234 | transform: scale3d(0.85, 1.15, 1); |
216 | 235 | } |
| 236 | + |
217 | 237 | 65% { |
218 | 238 | -webkit-transform: scale3d(1.05, 0.95, 1); |
219 | 239 | transform: scale3d(1.05, 0.95, 1); |
220 | 240 | } |
| 241 | + |
221 | 242 | 75% { |
222 | 243 | -webkit-transform: scale3d(0.95, 1.05, 1); |
223 | 244 | transform: scale3d(0.95, 1.05, 1); |
224 | 245 | } |
| 246 | + |
225 | 247 | 100% { |
226 | 248 | -webkit-transform: scale3d(1, 1, 1); |
227 | 249 | transform: scale3d(1, 1, 1); |
|
233 | 255 | -webkit-transform: scale3d(1, 1, 1); |
234 | 256 | transform: scale3d(1, 1, 1); |
235 | 257 | } |
| 258 | + |
236 | 259 | 30% { |
237 | 260 | -webkit-transform: scale3d(0.75, 1.25, 1); |
238 | 261 | transform: scale3d(0.75, 1.25, 1); |
239 | 262 | } |
| 263 | + |
240 | 264 | 40% { |
241 | 265 | -webkit-transform: scale3d(1.25, 0.75, 1); |
242 | 266 | transform: scale3d(1.25, 0.75, 1); |
243 | 267 | } |
| 268 | + |
244 | 269 | 50% { |
245 | 270 | -webkit-transform: scale3d(0.85, 1.15, 1); |
246 | 271 | transform: scale3d(0.85, 1.15, 1); |
247 | 272 | } |
| 273 | + |
248 | 274 | 65% { |
249 | 275 | -webkit-transform: scale3d(1.05, 0.95, 1); |
250 | 276 | transform: scale3d(1.05, 0.95, 1); |
251 | 277 | } |
| 278 | + |
252 | 279 | 75% { |
253 | 280 | -webkit-transform: scale3d(0.95, 1.05, 1); |
254 | 281 | transform: scale3d(0.95, 1.05, 1); |
255 | 282 | } |
| 283 | + |
256 | 284 | 100% { |
257 | 285 | -webkit-transform: scale3d(1, 1, 1); |
258 | 286 | transform: scale3d(1, 1, 1); |
|
265 | 293 | -webkit-transform: translateZ(-200px) rotate(-45deg); |
266 | 294 | transform: translateZ(-200px) rotate(-45deg); |
267 | 295 | } |
| 296 | + |
268 | 297 | 100% { |
269 | 298 | opacity: 1; |
270 | 299 | -webkit-transform: translateZ(0) rotate(0); |
|
278 | 307 | -webkit-transform: translateZ(-200px) rotate(-45deg); |
279 | 308 | transform: translateZ(-200px) rotate(-45deg); |
280 | 309 | } |
| 310 | + |
281 | 311 | 100% { |
282 | 312 | opacity: 1; |
283 | 313 | -webkit-transform: translateZ(0) rotate(0); |
|
289 | 319 | 0% { |
290 | 320 | box-shadow: 0px 0px 0px 0px #bdc3c7; |
291 | 321 | } |
| 322 | + |
292 | 323 | 100% { |
293 | 324 | box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); |
294 | 325 | } |
|
298 | 329 | 0% { |
299 | 330 | box-shadow: 0px 0px 0px 0px #bdc3c7; |
300 | 331 | } |
| 332 | + |
301 | 333 | 100% { |
302 | 334 | box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); |
303 | 335 | } |
|
319 | 351 | background-color: #bdc3c7 !important; |
320 | 352 | } |
321 | 353 |
|
322 | | -.pretty.p-default.p-thick .state label:before, .pretty.p-default.p-thick .state label:after { |
| 354 | +.pretty.p-default.p-thick .state label:before, |
| 355 | +.pretty.p-default.p-thick .state label:after { |
323 | 356 | border-width: calc(1em / 7); |
324 | 357 | } |
325 | 358 |
|
|
455 | 488 | text-indent: 2.5em; |
456 | 489 | } |
457 | 490 |
|
458 | | -.pretty.p-switch .state label:before, .pretty.p-switch .state label:after { |
| 491 | +.pretty.p-switch .state label:before, |
| 492 | +.pretty.p-switch .state label:after { |
459 | 493 | transition: all 0.5s ease; |
460 | 494 | border-radius: 100%; |
461 | 495 | left: 0; |
|
574 | 608 | transform: scale(1.1); |
575 | 609 | } |
576 | 610 |
|
577 | | -.pretty.p-round .state label:before, .pretty.p-round .state label:after { |
| 611 | +.pretty.p-round .state label:before, |
| 612 | +.pretty.p-round .state label:after { |
578 | 613 | border-radius: 100%; |
579 | 614 | } |
580 | 615 |
|
|
589 | 624 | transform: scale(0.8); |
590 | 625 | } |
591 | 626 |
|
592 | | -.pretty.p-curve .state label:before, .pretty.p-curve .state label:after { |
| 627 | +.pretty.p-curve .state label:before, |
| 628 | +.pretty.p-curve .state label:after { |
593 | 629 | border-radius: 20%; |
594 | 630 | } |
595 | 631 |
|
|
955 | 991 | print-color-adjust: exact; |
956 | 992 | } |
957 | 993 | } |
958 | | - |
959 | | -/*# sourceMappingURL=maps/pretty-checkbox.css.map */ |
|
0 commit comments