beercss 3.2.13 → 3.3.0

package/src/cdn/settings/light.css

@@ -1,32 +1,34 @@
 :root,
 body.light {
-  --primary: #6750A4;
-  --on-primary: #FFF;
-  --primary-container: #EADDFF;
-  --on-primary-container: #21005E;
-  --secondary: #625B71;
-  --on-secondary: #FFF;
-  --secondary-container: #E8DEF8;
-  --on-secondary-container: #1E192B;
-  --tertiary: #7D5260;
-  --on-tertiary: #FFF;
-  --tertiary-container: #FFD8E4;
-  --on-tertiary-container: #370B1E;
-  --error: #B3261E;
-  --on-error: #FFF;
-  --error-container: #F9DEDC;
-  --on-error-container: #370B1E;
-  --background: #FFFBFE;
-  --on-background: #1C1B1F;
-  --surface: #FFFBFE;
-  --on-surface: #1C1B1F;
-  --outline: #79747E;
-  --surface-variant: #E7E0EC;
-  --on-surface-variant: #49454E;
+  --primary: #6750a4;
+  --on-primary: #ffffff;
+  --primary-container: #e9ddff;
+  --on-primary-container: #22005d;
+  --secondary: #625b71;
+  --on-secondary: #ffffff;
+  --secondary-container: #e8def8;
+  --on-secondary-container: #1e192b;
+  --tertiary: #7e5260;
+  --on-tertiary: #ffffff;
+  --tertiary-container: #ffd9e3;
+  --on-tertiary-container: #31101d;
+  --error: #ba1a1a;
+  --on-error: #ffffff;
+  --error-container: #ffdad6;
+  --on-error-container: #410002;
+  --background: #fffbff;
+  --on-background: #1c1b1e;
+  --surface: #fffbff;
+  --on-surface: #1c1b1e;
+  --surface-variant: #e7e0eb;
+  --on-surface-variant: #49454e;
+  --outline: #7a757f;
+  --outline-variant: #cac4cf;
+  --shadow: #000000;
+  --scrim: #000000;
   --inverse-surface: #313033;
-  --inverse-on-surface: #F4EFF4;
-  --inverse-primary: #D0BCFF;
-  --inverse-on-primary: #371E73;
+  --inverse-on-surface: #f4eff4;
+  --inverse-primary: #cfbcff;
   --body: #FFF;
   --overlay: rgb(0 0 0 / 0.5);
   --active: rgb(0 0 0 / 0.1);

package/src/cdn/elements/loaders.css

@@ -1,156 +0,0 @@
-.loader {
-  ---translate-y: 0;
-
-  display: inline-block;
-  width: 2.5rem;
-  height: 2.5rem;
-  border-radius: 50%;
-  border: 0.25rem solid var(--primary);
-  clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
-  animation: 1.6s to-loader linear infinite;
-  background: none !important;
-}
-
-.loader.small {
-  width: 1.5rem;
-  height: 1.5rem;
-  border-width: 0.1875rem;
-}
-
-.loader.large {
-  width: 3.5rem;
-  height: 3.5rem;
-  border-width: 0.3125rem;
-}
-
-.loader.red {
-  border-color: #F44336;
-}
-
-.loader.pink {
-  border-color: #E91E63;
-}
-
-.loader.purple {
-  border-color: #9C27B0;
-}
-
-.loader.deep-purple {
-  border-color: #673AB7;
-}
-
-.loader.indigo {
-  border-color: #3F51B5;
-}
-
-.loader.blue {
-  border-color: #2196F3;
-}
-
-.loader.light-blue {
-  border-color: #03A9F4;
-}
-
-.loader.cyan {
-  border-color: #00BCD4;
-}
-
-.loader.teal {
-  border-color: #009688;
-}
-
-.loader.green {
-  border-color: #4CAF50;
-}
-
-.loader.light-green {
-  border-color: #8BC34A;
-}
-
-.loader.lime {
-  border-color: #CDDC39;
-}
-
-.loader.yellow {
-  border-color: #FFEB3B;
-}
-
-.loader.amber {
-  border-color: #FFC107;
-}
-
-.loader.orange {
-  border-color: #FF9800;
-}
-
-.loader.deep-orange {
-  border-color: #FF5722;
-}
-
-.loader.brown {
-  border-color: #795548;
-}
-
-.loader.blue-grey {
-  border-color: #607D8B;
-}
-
-.loader.grey {
-  border-color: #9E9E9E;
-}
-
-.loader.black {
-  border-color: #000;
-}
-
-.loader.white {
-  border-color: #FFF;
-}
-
-.field > .loader {
-  ---translate-y: -50%;
-}
-
-@keyframes to-loader {
-  0% {
-    transform: translateY(var(---translate-y)) rotate(0deg);
-    clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
-  }
-
-  20% {
-    clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 50%);
-  }
-
-  30% {
-    clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 50% 100%, 50% 100%);
-  }
-
-  40% {
-    clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%);
-  }
-
-  50% {
-    clip-path: polygon(50% 50%, 50% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%);
-  }
-
-  60% {
-    clip-path: polygon(50% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%);
-  }
-
-  70% {
-    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%, 0% 50%);
-  }
-
-  80% {
-    clip-path: polygon(50% 50%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 50%);
-  }
-
-  90% {
-    transform: translateY(var(---translate-y)) rotate(360deg);
-    clip-path: polygon(50% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%);
-  }
-
-  100% {
-    clip-path: polygon(50% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%);
-  }
-}