mirror of
https://github.com/nasa/openmct.git
synced 2024-12-22 22:42:24 +00:00
f4271c96a3
* [Frontend] Refactor SCSS to remove deprecated @includes Fixes #1891 - In progress * [Frontend] Refactor SCSS to remove deprecated @includes Fixes #1891 Making bourbon happy by refactoring to-be-deprecated calls to prefixing @includes: - transform and related CSS; - flex and related CSS; - Fixed double semi-colons to single;
92 lines
2.2 KiB
SCSS
92 lines
2.2 KiB
SCSS
@include keyframes(rotation) {
|
|
100% { transform: rotate(360deg); }
|
|
}
|
|
|
|
@include keyframes(rotation-centered) {
|
|
0% { transform: translate(-50%, -50%) rotate(0deg); }
|
|
100% { transform: translate(-50%, -50%) rotate(360deg); }
|
|
}
|
|
|
|
@include keyframes(clock-hands) {
|
|
0% { transform: translate(-50%, -50%) rotate(0deg); }
|
|
100% { transform: translate(-50%, -50%) rotate(360deg); }
|
|
}
|
|
|
|
@include keyframes(clock-hands-sticky) {
|
|
0% {
|
|
transform: translate(-50%, -50%) rotate(0deg);
|
|
}
|
|
7% {
|
|
transform: translate(-50%, -50%) rotate(0deg);
|
|
}
|
|
8% {
|
|
transform: translate(-50%, -50%) rotate(30deg);
|
|
}
|
|
15% {
|
|
transform: translate(-50%, -50%) rotate(30deg);
|
|
}
|
|
16% {
|
|
transform: translate(-50%, -50%) rotate(60deg);
|
|
}
|
|
24% {
|
|
transform: translate(-50%, -50%) rotate(60deg);
|
|
}
|
|
25% {
|
|
transform: translate(-50%, -50%) rotate(90deg);
|
|
}
|
|
32% {
|
|
transform: translate(-50%, -50%) rotate(90deg);
|
|
}
|
|
33% {
|
|
transform: translate(-50%, -50%) rotate(120deg);
|
|
}
|
|
40% {
|
|
transform: translate(-50%, -50%) rotate(120deg);
|
|
}
|
|
41% {
|
|
transform: translate(-50%, -50%) rotate(150deg);
|
|
}
|
|
49% {
|
|
transform: translate(-50%, -50%) rotate(150deg);
|
|
}
|
|
50% {
|
|
transform: translate(-50%, -50%) rotate(180deg);
|
|
}
|
|
57% {
|
|
transform: translate(-50%, -50%) rotate(180deg);
|
|
}
|
|
58% {
|
|
transform: translate(-50%, -50%) rotate(210deg);
|
|
}
|
|
65% {
|
|
transform: translate(-50%, -50%) rotate(210deg);
|
|
}
|
|
66% {
|
|
transform: translate(-50%, -50%) rotate(240deg);
|
|
}
|
|
74% {
|
|
transform: translate(-50%, -50%) rotate(240deg);
|
|
}
|
|
75% {
|
|
transform: translate(-50%, -50%) rotate(270deg);
|
|
}
|
|
82% {
|
|
transform: translate(-50%, -50%) rotate(270deg);
|
|
}
|
|
83% {
|
|
transform: translate(-50%, -50%) rotate(300deg);
|
|
}
|
|
90% {
|
|
transform: translate(-50%, -50%) rotate(300deg);
|
|
}
|
|
91% {
|
|
transform: translate(-50%, -50%) rotate(330deg);
|
|
}
|
|
99% {
|
|
transform: translate(-50%, -50%) rotate(330deg);
|
|
}
|
|
100% {
|
|
transform: translate(-50%, -50%) rotate(360deg);
|
|
}
|
|
}
|