@splendidlabz/styles 4.3.1 → 4.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splendidlabz/styles",
-  "version": "4.3.1",
+  "version": "4.3.2",
   "description": "",
   "type": "module",
   "author": "Zell Liew <zellwk@gmail.com>",

package/src/components/astro/fancylist.css

@@ -16,7 +16,6 @@
       column-gap: inherit;
 
       /* Positions the Emoji */
-
       /* This is kind of brute-forced at the moment. */
       :where(.emoji),
       > :where(astro-slot, astro-island) > :where(.emoji) {

package/src/components/css/prose.css

@@ -62,14 +62,14 @@
       text-decoration: underline;
     }
 
-    > img,
-    figure img {
+    :where(> img),
+    :where(> figure img) {
       border: 1px solid oklch(90% 0 0deg);
       border-radius: var(--radius);
     }
 
-    &.fancylist,
-    & .fancylist {
+    :where(.fancylist) {
+      margin-left: 1em;
       padding-left: 0;
     }
   }

package/src/components/css/table.css

@@ -4,10 +4,7 @@
 @utility table-scaffold {
   & {
     width: 100%;
-
-    /* font: inherit; Not sure if needed? */
-    font-variant-numeric: lining-nums tabular-nums slashed-zero
-      diagonal-fractions;
+    font-variant-numeric: lining-nums tabular-nums slashed-zero;
   }
 }
 
@@ -111,7 +108,7 @@ table {
   }
 
   &:not(:has(thead)) tr {
-    tr:nth-child(2n + 3) {
+    &:nth-child(2n + 3) {
       background-color: var(--alt-row-color);
     }
   }
@@ -122,7 +119,6 @@ table {
   }
 
   /* Row Headers */
-
   /* Not adding border-right because it's a bit too much if table-layout is auto */
   th:where([scope='group'], [scope='row']) {
     @apply table-header-column;

package/src/effects/frosted-glass.css

@@ -7,7 +7,6 @@
     @apply transition-scaffold-extended;
     position: relative;
     backdrop-filter: blur(var(--blur, 16px));
-    border: inherit;
   }
 }
 

package/src/type/font.css

@@ -4,15 +4,19 @@
   inherits: true;
 }
 
-/* 
-@property --font-opsz {
+@property --font-slant {
   syntax: '<integer> | auto';
-  initial-value: 25;
+  initial-value: 0;
   inherits: true;
 }
 
-@property --font-width {
+@property --font-opsz {
   syntax: '<integer> | auto';
-  initial-value: 100;
+  initial-value: 25;
   inherits: true;
-} */
+}
+
+@utility font-weight-* {
+  --font-weight: --value([integer]);
+  font-weight: var(--font-weight);
+}

package/src/type/index.css

@@ -1,3 +1,4 @@
 @import './font-position.css';
 @import './text-relative.css';
 @import './text-edge.css';
+@import './font.css';