@skyux/theme 14.0.0-alpha.7 → 14.0.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/sky.css +26 -0
- package/package.json +1 -1
package/css/sky.css
CHANGED
|
@@ -461,6 +461,32 @@ textarea {
|
|
|
461
461
|
animation: sky-animation-emerge-leave var(--sky-transition-time-medium) ease-in-out;
|
|
462
462
|
}
|
|
463
463
|
|
|
464
|
+
/*
|
|
465
|
+
Slides an element from a horizontal offset to its natural position as it
|
|
466
|
+
enters the DOM via @starting-style.
|
|
467
|
+
*/
|
|
468
|
+
.sky-animation-slide-enter-left {
|
|
469
|
+
transition-duration: var(--sky-transition-time-short);
|
|
470
|
+
transition-property: transform;
|
|
471
|
+
transition-timing-function: ease-in;
|
|
472
|
+
}
|
|
473
|
+
@starting-style {
|
|
474
|
+
.sky-animation-slide-enter-left {
|
|
475
|
+
transform: translate(-100%);
|
|
476
|
+
}
|
|
477
|
+
}
|
|
478
|
+
|
|
479
|
+
.sky-animation-slide-enter-right {
|
|
480
|
+
transition-duration: var(--sky-transition-time-short);
|
|
481
|
+
transition-property: transform;
|
|
482
|
+
transition-timing-function: ease-in;
|
|
483
|
+
}
|
|
484
|
+
@starting-style {
|
|
485
|
+
.sky-animation-slide-enter-right {
|
|
486
|
+
transform: translate(100%);
|
|
487
|
+
}
|
|
488
|
+
}
|
|
489
|
+
|
|
464
490
|
body:not(.sky-theme-modern) {
|
|
465
491
|
--sky-override-border-dark: 1px solid #cdcfd2;
|
|
466
492
|
--sky-override-border-light: 1px solid #e2e3e4;
|