Skip to content

Commit ba779e7

Browse files
timclipshamtimclipsham
committed
Fix invalid less syntax for keyframes
1 parent 4fe9ba0 commit ba779e7

File tree

2 files changed

+148
-16
lines changed

2 files changed

+148
-16
lines changed

‎css/flat-ui.css

Lines changed: 140 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3409,18 +3409,146 @@ body.vjs-full-window {
34093409
.vjs-menu-button {
34103410
display: none !important;
34113411
}
3412-
@-webkit-keyframes sharp
3413-
.sharp-keyframes();
3414-
3415-
@-moz-keyframes sharp
3416-
.sharp-keyframes();
3417-
3418-
@-o-keyframes sharp
3419-
.sharp-keyframes();
3420-
3421-
@keyframes sharp
3422-
.sharp-keyframes();
3423-
3412+
@-webkit-keyframes sharp {
3413+
0% {
3414+
background: #e74c3c;
3415+
-webkit-transform: rotate(0deg);
3416+
-moz-transform: rotate(0deg);
3417+
-ms-transform: rotate(0deg);
3418+
-o-transform: rotate(0deg);
3419+
transform: rotate(0deg);
3420+
-webkit-border-radius: 10px;
3421+
-moz-border-radius: 10px;
3422+
border-radius: 10px;
3423+
}
3424+
50% {
3425+
background: #ebedee;
3426+
-webkit-border-radius: 0;
3427+
-moz-border-radius: 0;
3428+
border-radius: 0;
3429+
-webkit-transform: rotate(180deg);
3430+
-moz-transform: rotate(180deg);
3431+
-ms-transform: rotate(180deg);
3432+
-o-transform: rotate(180deg);
3433+
transform: rotate(180deg);
3434+
}
3435+
100% {
3436+
background: #e74c3c;
3437+
-webkit-border-radius: 10px;
3438+
-moz-border-radius: 10px;
3439+
border-radius: 10px;
3440+
-webkit-transform: rotate(360deg);
3441+
-moz-transform: rotate(360deg);
3442+
-ms-transform: rotate(360deg);
3443+
-o-transform: rotate(360deg);
3444+
transform: rotate(360deg);
3445+
}
3446+
}
3447+
@-moz-keyframes sharp {
3448+
0% {
3449+
background: #e74c3c;
3450+
-webkit-transform: rotate(0deg);
3451+
-moz-transform: rotate(0deg);
3452+
-ms-transform: rotate(0deg);
3453+
-o-transform: rotate(0deg);
3454+
transform: rotate(0deg);
3455+
-webkit-border-radius: 10px;
3456+
-moz-border-radius: 10px;
3457+
border-radius: 10px;
3458+
}
3459+
50% {
3460+
background: #ebedee;
3461+
-webkit-border-radius: 0;
3462+
-moz-border-radius: 0;
3463+
border-radius: 0;
3464+
-webkit-transform: rotate(180deg);
3465+
-moz-transform: rotate(180deg);
3466+
-ms-transform: rotate(180deg);
3467+
-o-transform: rotate(180deg);
3468+
transform: rotate(180deg);
3469+
}
3470+
100% {
3471+
background: #e74c3c;
3472+
-webkit-border-radius: 10px;
3473+
-moz-border-radius: 10px;
3474+
border-radius: 10px;
3475+
-webkit-transform: rotate(360deg);
3476+
-moz-transform: rotate(360deg);
3477+
-ms-transform: rotate(360deg);
3478+
-o-transform: rotate(360deg);
3479+
transform: rotate(360deg);
3480+
}
3481+
}
3482+
@-o-keyframes sharp {
3483+
0% {
3484+
background: #e74c3c;
3485+
-webkit-transform: rotate(0deg);
3486+
-moz-transform: rotate(0deg);
3487+
-ms-transform: rotate(0deg);
3488+
-o-transform: rotate(0deg);
3489+
transform: rotate(0deg);
3490+
-webkit-border-radius: 10px;
3491+
-moz-border-radius: 10px;
3492+
border-radius: 10px;
3493+
}
3494+
50% {
3495+
background: #ebedee;
3496+
-webkit-border-radius: 0;
3497+
-moz-border-radius: 0;
3498+
border-radius: 0;
3499+
-webkit-transform: rotate(180deg);
3500+
-moz-transform: rotate(180deg);
3501+
-ms-transform: rotate(180deg);
3502+
-o-transform: rotate(180deg);
3503+
transform: rotate(180deg);
3504+
}
3505+
100% {
3506+
background: #e74c3c;
3507+
-webkit-border-radius: 10px;
3508+
-moz-border-radius: 10px;
3509+
border-radius: 10px;
3510+
-webkit-transform: rotate(360deg);
3511+
-moz-transform: rotate(360deg);
3512+
-ms-transform: rotate(360deg);
3513+
-o-transform: rotate(360deg);
3514+
transform: rotate(360deg);
3515+
}
3516+
}
3517+
@keyframes sharp {
3518+
0% {
3519+
background: #e74c3c;
3520+
-webkit-transform: rotate(0deg);
3521+
-moz-transform: rotate(0deg);
3522+
-ms-transform: rotate(0deg);
3523+
-o-transform: rotate(0deg);
3524+
transform: rotate(0deg);
3525+
-webkit-border-radius: 10px;
3526+
-moz-border-radius: 10px;
3527+
border-radius: 10px;
3528+
}
3529+
50% {
3530+
background: #ebedee;
3531+
-webkit-border-radius: 0;
3532+
-moz-border-radius: 0;
3533+
border-radius: 0;
3534+
-webkit-transform: rotate(180deg);
3535+
-moz-transform: rotate(180deg);
3536+
-ms-transform: rotate(180deg);
3537+
-o-transform: rotate(180deg);
3538+
transform: rotate(180deg);
3539+
}
3540+
100% {
3541+
background: #e74c3c;
3542+
-webkit-border-radius: 10px;
3543+
-moz-border-radius: 10px;
3544+
border-radius: 10px;
3545+
-webkit-transform: rotate(360deg);
3546+
-moz-transform: rotate(360deg);
3547+
-ms-transform: rotate(360deg);
3548+
-o-transform: rotate(360deg);
3549+
transform: rotate(360deg);
3550+
}
3551+
}
34243552
.vjs-loading-spinner {
34253553
background: #ebedee;
34263554
display: none;

‎less/modules/video.less

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -428,17 +428,21 @@ body.vjs-full-window {
428428
}
429429
}
430430

431-
@-webkit-keyframes sharp
431+
@-webkit-keyframes sharp {
432432
.sharp-keyframes();
433+
}
433434

434-
@-moz-keyframes sharp
435+
@-moz-keyframes sharp {
435436
.sharp-keyframes();
437+
}
436438

437-
@-o-keyframes sharp
439+
@-o-keyframes sharp {
438440
.sharp-keyframes();
441+
}
439442

440-
@keyframes sharp
443+
@keyframes sharp {
441444
.sharp-keyframes();
445+
}
442446

443447
.vjs-loading-spinner {
444448
background: #ebedee;

0 commit comments

Comments
 (0)