@lukso/web-components 1.173.0 → 1.173.1

package/tools/sass/variables-v4.scss

@@ -1,172 +0,0 @@
-/**
-  * @file Variables (Tailwind CSS v4)
-  *
-  * This file contains Tailwind v4 theme configuration using @theme directive.
-  */
-
-@theme {
-  /* Font families */
-  --font-inter: 'Inter', ui-sans-serif, system-ui, sans-serif;
-  --font-mono: 'PT Mono', ui-monospace, monospace;
-
-  /* Font sizes (text-*) */
-  --text-6: 6px;
-  --text-8: 8px;
-  --text-10: 10px;
-  --text-12: 12px;
-  --text-13: 13px;
-  --text-14: 14px;
-  --text-16: 16px;
-  --text-17: 17px;
-  --text-20: 20px;
-  --text-21: 21px;
-  --text-24: 24px;
-  --text-26: 26px;
-  --text-32: 32px;
-  --text-40: 40px;
-  --text-44: 44px;
-  --text-48: 48px;
-
-  /* Font weights (font-*) */
-  --font-100: 100;
-  --font-200: 200;
-  --font-300: 300;
-  --font-400: 400;
-  --font-500: 500;
-  --font-600: 600;
-  --font-700: 700;
-  --font-800: 800;
-  --font-900: 900;
-
-  /* Line heights (leading-*) */
-  --leading-10: 10px;
-  --leading-12: 12px;
-  --leading-14: 14px;
-  --leading-15: 15px;
-  --leading-17: 17px;
-  --leading-19: 19px;
-  --leading-20: 20px;
-  --leading-22: 22px;
-  --leading-24: 24px;
-  --leading-26: 26px;
-  --leading-28: 28px;
-  --leading-31: 31px;
-  --leading-32: 32px;
-  --leading-38: 38px;
-  --leading-40: 40px;
-  --leading-48: 48px;
-  --leading-58: 58px;
-
-  /* Border radius (rounded-*) */
-  --radius-0: 0;
-  --radius-2: 2px;
-  --radius-4: 4px;
-  --radius-6: 6px;
-  --radius-8: 8px;
-  --radius-10: 10px;
-  --radius-12: 12px;
-  --radius-14: 14px;
-  --radius-16: 16px;
-  --radius-24: 24px;
-
-  /* Scales */
-  --scale-98: 0.98;
-
-  /* Heights */
-  --height-78: 78px;
-
-  /* Spacing */
-  --spacing-17: 4.25rem;
-  --spacing-18: 4.5rem;
-  --spacing-22: 5.5rem;
-  --spacing-30: 7.5rem;
-
-  /* Box Shadows (shadow-*) */
-  --shadow-neutral-shadow-round:
-    0px 7px 5px 0px rgb(63 93 116 / 0%), 0px 0px 10px 0px rgb(63 93 116 / 2%),
-    0px 3px 10px 0px rgb(63 93 116 / 8%), 0px 4px 4px 0px rgb(63 93 116 / 13%),
-    0px 1px 2px 0px rgb(63 93 116 / 15%), 0px 0px 3px 0px rgb(63 93 116 / 16%);
-  --shadow-neutral-shadow-round-1xl:
-    0px 27px 12px 0px rgb(63 93 116 / 0%), 0px 18px 7px 0px rgb(63 93 116 / 2%),
-    0px 10px 6px 0px rgb(63 93 116 / 8%), 0px 4px 4px 0px rgb(63 93 116 / 13%),
-    0px 1px 2px 0px rgb(63 93 116 / 15%), 0px 0px 14px 0px rgb(63 93 116 / 16%);
-  --shadow-neutral-shadow-round-2xl:
-    0px 85px 24px 0px rgb(63 93 116 / 0%),
-    0px 54px 22px 0px rgb(63 93 116 / 2%),
-    0px 30px 18px 0px rgb(63 93 116 / 8%),
-    0px 14px 14px 0px rgb(63 93 116 / 13%),
-    0px 3px 7px 0px rgb(63 93 116 / 15%), 0px 0px 23px 0px rgb(63 93 116 / 16%);
-  --shadow-neutral-shadow-round-3xl:
-    0px 185px 52px 0px rgb(63 93 116 / 0%),
-    0px 118px 47px 0px rgb(63 93 116 / 2%),
-    0px 67px 40px 0px rgb(63 93 116 / 8%),
-    0px 30px 30px 0px rgb(63 93 116 / 13%),
-    0px 7px 16px 0px rgb(63 93 116 / 15%), 0px 0px 30px 0px rgb(63 93 116 / 16%);
-
-  /* Animations (animate-*) */
-  --animate-pulse-resize: pulse-resize 1s ease-in-out infinite;
-  --animate-resize-in: resize-in 0.5s ease-in-out;
-  --animate-fade-in: fade-in 0.5s ease-in-out forwards;
-  --animate-bounce2: bounce2 1s ease-in-out infinite alternate;
-  --animate-fade-in-up: fade-in-up 0.5s ease-out forwards;
-
-  /* Animation Fill Modes (animation-fill-*) */
-  --animation-fill-none: none;
-  --animation-fill-forwards: forwards;
-  --animation-fill-backwards: backwards;
-  --animation-fill-both: both;
-}
-
-/* Keyframes for animations */
-@keyframes pulse-resize {
-  0%,
-  100% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.7);
-  }
-}
-
-@keyframes resize-in {
-  0% {
-    transform: scale(0.5);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
-
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes bounce2 {
-  0% {
-    transform: translateY(-6px);
-  }
-
-  100% {
-    transform: translateY(10);
-  }
-}
-
-@keyframes fade-in-up {
-  0% {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}