6 margin: -25px 0 0 -25px;
9 // Need to fix centered page layouts
12 border: 6px solid rgba($primary-background-color, $primary-background-transparency);
13 // border: 6px solid rgba(43, 51, 63, 0.5);
15 box-sizing: border-box;
16 background-clip: padding-box;
22 .vjs-seeking .vjs-loading-spinner,
23 .vjs-waiting .vjs-loading-spinner {
27 .vjs-loading-spinner:before,
28 .vjs-loading-spinner:after {
35 border-radius: inherit;
36 // Keep 100% opacity so they don't show through each other
39 border-color: transparent;
40 border-top-color: white;
43 // only animate when showing because it can be processor heavy
44 .vjs-seeking .vjs-loading-spinner:before,
45 .vjs-seeking .vjs-loading-spinner:after,
46 .vjs-waiting .vjs-loading-spinner:before,
47 .vjs-waiting .vjs-loading-spinner:after {
48 -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
49 animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
52 .vjs-seeking .vjs-loading-spinner:before,
53 .vjs-waiting .vjs-loading-spinner:before {
54 border-top-color: rgb(255,255,255);
57 .vjs-seeking .vjs-loading-spinner:after,
58 .vjs-waiting .vjs-loading-spinner:after {
59 border-top-color: rgb(255,255,255);
60 -webkit-animation-delay: 0.44s;
61 animation-delay: 0.44s;
64 @keyframes vjs-spinner-spin {
66 transform: rotate(360deg);
70 @-webkit-keyframes vjs-spinner-spin {
72 -webkit-transform: rotate(360deg);
76 @keyframes vjs-spinner-fade {
78 border-top-color: $secondary-background-color;
81 border-top-color: $secondary-background-color;
84 border-top-color: white;
87 border-top-color: $secondary-background-color;
90 border-top-color: $secondary-background-color;
94 @-webkit-keyframes vjs-spinner-fade {
96 border-top-color: $secondary-background-color;
99 border-top-color: $secondary-background-color;
102 border-top-color: white;
105 border-top-color: $secondary-background-color;
108 border-top-color: $secondary-background-color;