🔱 v1.0.8

luxonauta · Apr 8, 2024 · a13987a · a13987a
1 parent 46f6231
commit a13987a
Show file tree

Hide file tree

Showing 7 changed files with 101 additions and 70 deletions.
diff --git a/dist/compressed/luxa.min.css b/dist/compressed/luxa.min.css
diff --git a/dist/expanded/luxa.css b/dist/expanded/luxa.css
@@ -50,43 +50,43 @@
 }
 
 :root {
-  --purple: hsl(276, 90%, 66%);
-  --green: hsl(144, 78%, 48%);
-  --blue: hsl(216, 90%, 60%);
-  --yellow: hsl(48, 100%, 48%);
-  --orange: hsl(24, 100%, 54%);
-  --red: hsl(0, 90%, 60%);
-  --neutral-01: hsl(210, 16%, 94%);
-  --neutral-02: hsl(220, 12%, 85%);
-  --neutral-03: hsl(220, 12%, 76%);
-  --neutral-04: hsl(220, 12%, 67%);
-  --neutral-05: hsl(220, 12%, 55%);
-  --neutral-06: hsl(220, 12%, 44%);
-  --neutral-07: hsl(220, 18%, 28%);
-  --neutral-08: hsl(220, 30%, 19%);
-  --neutral-09: hsl(220, 36%, 10%);
-  --neutral-10: hsl(220, 72%, 6%);
+  --blue: #0ea5e9;
+  --green: #22c55e;
+  --orange: #f97316;
+  --purple: #8b5cf6;
+  --red: #ef4444;
+  --yellow: #eab308;
+  --neutral-01: #f8fafc;
+  --neutral-02: #f1f5f9;
+  --neutral-03: #e2e8f0;
+  --neutral-04: #cbd5e1;
+  --neutral-05: #94a3b8;
+  --neutral-06: #64748b;
+  --neutral-07: #475569;
+  --neutral-08: #334155;
+  --neutral-09: #0f172a;
+  --neutral-10: #020617;
 }
 
 @media (color-gamut: p3) {
   @supports (color: color(display-p3 0 0 0)) {
     :root {
-      --purple: color(display-p3 0.717647 0.352941 0.964706);
-      --green: color(display-p3 0.101961 0.85098 0.403922);
-      --blue: color(display-p3 0.239216 0.52549 0.956863);
-      --yellow: color(display-p3 0.956863 0.764706 0);
-      --orange: color(display-p3 1 0.447059 0.078431);
-      --red: color(display-p3 0.956863 0.239216 0.239216);
-      --neutral-01: color(display-p3 0.929412 0.937255 0.94902);
-      --neutral-02: color(display-p3 0.831373 0.843137 0.866667);
-      --neutral-03: color(display-p3 0.729412 0.74902 0.788235);
-      --neutral-04: color(display-p3 0.627451 0.654902 0.705882);
-      --neutral-05: color(display-p3 0.494118 0.529412 0.603922);
-      --neutral-06: color(display-p3 0.384314 0.419608 0.490196);
-      --neutral-07: color(display-p3 0.227451 0.262745 0.329412);
-      --neutral-08: color(display-p3 0.129412 0.168627 0.243137);
-      --neutral-09: color(display-p3 0.062745 0.086275 0.133333);
-      --neutral-10: color(display-p3 0.015686 0.043137 0.101961);
+      --blue: color(display-p3 0.054902 0.647059 0.913725);
+      --green: color(display-p3 0.133333 0.772549 0.368627);
+      --orange: color(display-p3 0.976471 0.45098 0.086275);
+      --purple: color(display-p3 0.545098 0.360784 0.964706);
+      --red: color(display-p3 0.937255 0.266667 0.266667);
+      --yellow: color(display-p3 0.917647 0.701961 0.031373);
+      --neutral-01: color(display-p3 0.972549 0.980392 0.988235);
+      --neutral-02: color(display-p3 0.945098 0.960784 0.976471);
+      --neutral-03: color(display-p3 0.886275 0.909804 0.941176);
+      --neutral-04: color(display-p3 0.796078 0.835294 0.882353);
+      --neutral-05: color(display-p3 0.580392 0.639216 0.721569);
+      --neutral-06: color(display-p3 0.392157 0.454902 0.545098);
+      --neutral-07: color(display-p3 0.278431 0.333333 0.411765);
+      --neutral-08: color(display-p3 0.2 0.254902 0.333333);
+      --neutral-09: color(display-p3 0.058824 0.090196 0.164706);
+      --neutral-10: color(display-p3 0.007843 0.023529 0.090196);
     }
   }
 }
@@ -280,7 +280,7 @@ hr {
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
-  gap: var(--lx-gap);
+  gap: var(--gap);
 }
 .row.is-gapless {
   gap: 0;
@@ -446,6 +446,25 @@ hr {
   justify-content: flex-start;
 }
 
+.gap-01 {
+  gap: var(--space-01);
+}
+.gap-02 {
+  gap: var(--space-02);
+}
+.gap-03 {
+  gap: var(--space-03);
+}
+.gap-04 {
+  gap: var(--space-04);
+}
+.gap-05 {
+  gap: var(--space-05);
+}
+.gap-06 {
+  gap: var(--space-06);
+}
+
 .is-gapless {
   gap: 0;
 }
@@ -472,4 +491,4 @@ hr {
     display: none;
     visibility: hidden;
   }
-}
+}