openmct/src/styles/_animations.scss
Charles Hacskaylo fa66289d5c Misc UI 10 (#2441)
* Misc UI 10

- Add .c-input--sm CSS class for VISTA auto-clear input;

* Misc UI 10

- WIP!
- Add new glyohs: suitcase and clear data;
- Change icon-database to icon-suitcase;
- Need to unit test!

* Misc UI 10

- Refinements to shell__head Indicators layout;
- Refinements to collapse-buttons;
- Better color for Snow theme caution;

* Misc UI 10

- Better Open MCT logo for Snow theme;
- Renamed logo-app.svg to logo-openmct.svg;
- Removed unused image files;

* Misc UI 10

- Remove title attr from Angular indicator, interferes with hover
element;

* Misc UI 10

- Fix favicons, updated art;
- Removed favicon.ico;

* Misc UI 10

- Rebuild of Icomoon JSON file, which appeared to have gotten
damaged, probably due to merging;
- Font files updated, added .svg font back to repo;
- Font metrics modified to now use 20% baseline height;

* Misc UI 10

- Fix class in plot for control-bar element;
- Fix CSS in ObjectFrame.vue;

* Misc UI 10

- Rename folder styles-new to styles;

* Misc UI 10

- Remove unused src/fonts folder;

* Misc UI 10

- Symbols font now using baseline of 20%;
2019-08-30 15:51:52 -07:00

92 lines
2.2 KiB
SCSS

@keyframes rotation {
100% { transform: rotate(360deg); }
}
@keyframes rotation-centered {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes clock-hands {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@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);
}
}