frankenstyle 0.0.8 → 0.0.10

package/README.md

@@ -4,13 +4,11 @@
 
 Frankenstyle is a no-build, value-driven, fully responsive, utility-first CSS framework. It’s designed to be lightweight, production-ready, and to strike a balance between developer ergonomics and build size.
 
-⚠️ **Early development project** — expect changes and rough edges. Feedback and testing are welcome!
-
-📖 **Documentation is coming soon** — for now, explore the examples and notes below.
+For full documentation, visit [franken.style](https://franken.style).
 
 ## Installation
 
-Frankenstyle can be used via CDN or installed locally.
+Frankenstyle can be used via CDN or downloaded and referenced locally.
 
 ### CDN
 

package/dist/css/frankenstyle.css

@@ -1927,8 +1927,8 @@
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
       var(--tw-skew-x,) var(--tw-skew-y,);
   }
-  .stroke-width {
-    stroke-width: var(--stroke-width);
+  .stroke-w {
+    stroke-width: var(--stroke-w);
   }
   .stroke {
     stroke: var(--stroke);
@@ -3276,8 +3276,8 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
-    .sm\:stroke-width {
-      stroke-width: var(--sm-stroke-width);
+    .sm\:stroke-w {
+      stroke-width: var(--sm-stroke-w);
     }
     .sm\:stroke {
       stroke: var(--sm-stroke);
@@ -4628,8 +4628,8 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
-    .md\:stroke-width {
-      stroke-width: var(--md-stroke-width);
+    .md\:stroke-w {
+      stroke-width: var(--md-stroke-w);
     }
     .md\:stroke {
       stroke: var(--md-stroke);
@@ -5980,8 +5980,8 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
-    .lg\:stroke-width {
-      stroke-width: var(--lg-stroke-width);
+    .lg\:stroke-w {
+      stroke-width: var(--lg-stroke-w);
     }
     .lg\:stroke {
       stroke: var(--lg-stroke);
@@ -7332,8 +7332,8 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
-    .xl\:stroke-width {
-      stroke-width: var(--xl-stroke-width);
+    .xl\:stroke-w {
+      stroke-width: var(--xl-stroke-w);
     }
     .xl\:stroke {
       stroke: var(--xl-stroke);
@@ -8690,8 +8690,8 @@
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
         var(--tw-skew-x,) var(--tw-skew-y,);
     }
-    .\32xl\:stroke-width {
-      stroke-width: var(--\32xl-stroke-width);
+    .\32xl\:stroke-w {
+      stroke-width: var(--\32xl-stroke-w);
     }
     .\32xl\:stroke {
       stroke: var(--\32xl-stroke);
@@ -10181,25 +10181,13 @@
   .flex-col-reverse {
     flex-direction: column-reverse;
   }
-  .flex-grow {
-    flex-grow: 1;
-  }
-  .flex-grow-0 {
-    flex-grow: 0;
-  }
-  .grow {
+  .grow-1 {
     flex-grow: 1;
   }
   .grow-0 {
     flex-grow: 0;
   }
-  .flex-shrink {
-    flex-shrink: 1;
-  }
-  .flex-shrink-0 {
-    flex-shrink: 0;
-  }
-  .shrink {
+  .shrink-1 {
     flex-shrink: 1;
   }
   .shrink-0 {
@@ -13255,25 +13243,13 @@
     .sm\:flex-col-reverse {
       flex-direction: column-reverse;
     }
-    .sm\:flex-grow {
-      flex-grow: 1;
-    }
-    .sm\:flex-grow-0 {
-      flex-grow: 0;
-    }
-    .sm\:grow {
+    .sm\:grow-1 {
       flex-grow: 1;
     }
     .sm\:grow-0 {
       flex-grow: 0;
     }
-    .sm\:flex-shrink {
-      flex-shrink: 1;
-    }
-    .sm\:flex-shrink-0 {
-      flex-shrink: 0;
-    }
-    .sm\:shrink {
+    .sm\:shrink-1 {
       flex-shrink: 1;
     }
     .sm\:shrink-0 {
@@ -16330,25 +16306,13 @@
     .md\:flex-col-reverse {
       flex-direction: column-reverse;
     }
-    .md\:flex-grow {
-      flex-grow: 1;
-    }
-    .md\:flex-grow-0 {
-      flex-grow: 0;
-    }
-    .md\:grow {
+    .md\:grow-1 {
       flex-grow: 1;
     }
     .md\:grow-0 {
       flex-grow: 0;
     }
-    .md\:flex-shrink {
-      flex-shrink: 1;
-    }
-    .md\:flex-shrink-0 {
-      flex-shrink: 0;
-    }
-    .md\:shrink {
+    .md\:shrink-1 {
       flex-shrink: 1;
     }
     .md\:shrink-0 {
@@ -19405,25 +19369,13 @@
     .lg\:flex-col-reverse {
       flex-direction: column-reverse;
     }
-    .lg\:flex-grow {
-      flex-grow: 1;
-    }
-    .lg\:flex-grow-0 {
-      flex-grow: 0;
-    }
-    .lg\:grow {
+    .lg\:grow-1 {
       flex-grow: 1;
     }
     .lg\:grow-0 {
       flex-grow: 0;
     }
-    .lg\:flex-shrink {
-      flex-shrink: 1;
-    }
-    .lg\:flex-shrink-0 {
-      flex-shrink: 0;
-    }
-    .lg\:shrink {
+    .lg\:shrink-1 {
       flex-shrink: 1;
     }
     .lg\:shrink-0 {
@@ -22480,25 +22432,13 @@
     .xl\:flex-col-reverse {
       flex-direction: column-reverse;
     }
-    .xl\:flex-grow {
-      flex-grow: 1;
-    }
-    .xl\:flex-grow-0 {
-      flex-grow: 0;
-    }
-    .xl\:grow {
+    .xl\:grow-1 {
       flex-grow: 1;
     }
     .xl\:grow-0 {
       flex-grow: 0;
     }
-    .xl\:flex-shrink {
-      flex-shrink: 1;
-    }
-    .xl\:flex-shrink-0 {
-      flex-shrink: 0;
-    }
-    .xl\:shrink {
+    .xl\:shrink-1 {
       flex-shrink: 1;
     }
     .xl\:shrink-0 {
@@ -25555,25 +25495,13 @@
     .\32xl\:flex-col-reverse {
       flex-direction: column-reverse;
     }
-    .\32xl\:flex-grow {
-      flex-grow: 1;
-    }
-    .\32xl\:flex-grow-0 {
-      flex-grow: 0;
-    }
-    .\32xl\:grow {
+    .\32xl\:grow-1 {
       flex-grow: 1;
     }
     .\32xl\:grow-0 {
       flex-grow: 0;
     }
-    .\32xl\:flex-shrink {
-      flex-shrink: 1;
-    }
-    .\32xl\:flex-shrink-0 {
-      flex-shrink: 0;
-    }
-    .\32xl\:shrink {
+    .\32xl\:shrink-1 {
       flex-shrink: 1;
     }
     .\32xl\:shrink-0 {