@fest-lib/veela 0.1.20 → 1.0.2

package/src/scss/advanced/effects/_animations.scss

@@ -1,124 +0,0 @@
-@layer ux-animation {
-
-    // Keyframe definitions
-    @keyframes fade-in {
-        from {
-            opacity: 0;
-        }
-
-        to {
-            opacity: 1;
-        }
-    }
-
-    @keyframes slide-up {
-        from {
-            opacity: 0;
-            transform: translateY(1rem);
-        }
-
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-
-    @keyframes scale-in {
-        from {
-            opacity: 0;
-            transform: scale(0.95);
-        }
-
-        to {
-            opacity: 1;
-            transform: scale(1);
-        }
-    }
-
-
-    @keyframes validationPulse {
-        0% {
-            transform: scale(1);
-        }
-        50% {
-            transform: scale(1.01);
-        }
-        100% {
-            transform: scale(1);
-        }
-    }
-
-    /* animations */
-    @keyframes lift {
-        from { --elev: 6; }
-        to   { --elev: 32; }
-    }
-
-    /* */
-    @keyframes daylight {
-        0%   { --light-az: 210deg; --light-alt: 30deg; }
-        50%  { --light-az: 270deg; --light-alt: 70deg; }
-        100% { --light-az: 330deg; --light-alt: 30deg; }
-    }
-
-    // Keyframe definitions
-    @keyframes fade-in {
-        from {
-            opacity: 0;
-        }
-
-        to {
-            opacity: 1;
-        }
-    }
-
-    @keyframes slide-up {
-        from {
-            opacity: 0;
-            transform: translateY(1rem);
-        }
-
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-
-    @keyframes scale-in {
-        from {
-            opacity: 0;
-            transform: scale(0.95);
-        }
-
-        to {
-            opacity: 1;
-            transform: scale(1);
-        }
-    }
-
-
-    @keyframes validationPulse {
-        0% {
-            transform: scale(1);
-        }
-        50% {
-            transform: scale(1.01);
-        }
-        100% {
-            transform: scale(1);
-        }
-    }
-
-    /* animations */
-    @keyframes lift {
-        from { --elev: 6; }
-        to   { --elev: 32; }
-    }
-
-    /* */
-    @keyframes daylight {
-        0%   { --light-az: 210deg; --light-alt: 30deg; }
-        50%  { --light-az: 270deg; --light-alt: 70deg; }
-        100% { --light-az: 330deg; --light-alt: 30deg; }
-    }
-}

package/src/scss/advanced/effects/_shadows.scss

@@ -1,50 +0,0 @@
-/* подключайте этот блок к любому «поднятому» элементу */
-.elev, ui-window-frame, .shadow-wrap, .ui-frame {
-    filter: drop-shadow(0px 0px calc(max(0.125 + var(--z-index, 0) * 0.125, 0) * 1rem) #00000040);
-}
-
-/* scene */
-.scene, :root {
-    /* куда «смотрит» свет: -x,-y, +z — пример «сверху-слева» */
-    --lx: -0.01;
-    --ly: -0.01;
-    --lz: 8;
-
-    /* базовые углы из вектора */
-    --az-base:  calc(atan2(var(--ly), var(--lx)));
-    --alt-base: calc(atan2(var(--lz), hypot(var(--lx), var(--ly))));
-
-    /* азимут и высота из вектора */
-    --light-az: calc(atan2(var(--ly), var(--lx))); /* направление в плоскости XY */
-    --light-alt: calc(atan2(var(--lz), hypot(var(--lx), var(--ly))));
-
-    /* угловой размер источника (мягкость) */
-    --soft-ang: 12deg;
-
-    /* плотности для разных слоёв тени */
-    --umbra-density: 0.32;     /* основная тень */
-    --penumbra-density: 0.18;  /* полутень */
-}
-
-/* animations */
-.pulsing { animation: lift 1.6s ease-in-out infinite alternate; }
-.scene.sun-move { animation: daylight 8s linear infinite; }
-
-/*
-.elev-drop {
-    --elev: 12px;
-    --cotA: calc(1 / max(0.001, tan(var(--light-alt))));
-    --L: calc(abs(var(--elev)) * var(--cotA));
-    --dx: calc(cos(var(--light-az)) * var(--L) * sign(var(--elev)));
-    --dy: calc(sin(var(--light-az)) * var(--L) * sign(var(--elev)));
-
-    --b1: calc(max(0.5px, abs(var(--elev)) * tan(var(--soft-ang)) * 0.8));
-    --b2: calc(var(--b1) * 2.0);
-    --b3: calc(var(--b1) * 3.2);
-
-    filter:
-        drop-shadow(calc(var(--dx) * 0.15) calc(var(--dy) * 0.15) var(--b1) rgb(0 0 0 / 0.20))
-        drop-shadow(var(--dx) var(--dy) var(--b2) rgb(0 0 0 / 0.12))
-        drop-shadow(var(--dx) var(--dy) var(--b3) rgb(0 0 0 / 0.07));
-}
-*/