@anyblades/blades 2.2.4 → 2.3.1

package/{assets → css}/blades.standalone.theme.css

@@ -49,12 +49,12 @@ html {
   -moz-osx-font-smoothing: grayscale;
 }
 body {
-  /* Ensure `body` takes at least the full height of the viewport (using dynamic viewport height for better mobile support). */
-  min-height: 100dvh;
 
   /* Make the `body` a flex container with column layout, and `main` to automatically fill available space. This is useful for creating sticky footers and full-height layouts. */
   display: flex;
   flex-direction: column;
+  /* Ensure `body` takes at least the full height of the viewport (using dynamic viewport height for better mobile support). */
+  min-height: 100dvh;
 
   /* Evaluates the last ~4 lines of text blocks to prevent a single word from sitting on the final line. */
 
@@ -65,8 +65,8 @@ body > main {
     flex-grow: 1;
   }
 body {
-  text-wrap: pretty;
   hyphens: auto;
+  text-wrap: pretty;
 }
 body a,
   body table {
@@ -79,8 +79,8 @@ a:not([href^="#"]):hover {
       text-decoration-thickness: 2px;
     }
 h1 {
-  font-size: 2.5em; /* for pico.css & tw-typography */
   margin-bottom: 1rem; /* for tw-typography */
+  font-size: 2.5em; /* for pico.css & tw-typography */
 }
 hr {
   margin-block: 2em; /* for pico.css & tw-typography */
@@ -89,12 +89,12 @@ ul ul {
     font-size: 87.5%;
   }
 pre small {
-    opacity: 75%;
     font-weight: lighter;
+    opacity: 75%;
   }
 table th {
-    vertical-align: bottom;
     font-weight: bold;
+    vertical-align: bottom;
   }
 table td {
     vertical-align: top;
@@ -110,11 +110,11 @@ table pre {
   }
 [data-jump-to="top"] > i {
     display: inline-block;
-    padding: 0.25rem 0.375rem;
     margin: 0.5rem;
-    font-size: 0.75rem;
-    color: black;
+    padding: 0.25rem 0.375rem;
     border-color: black;
+    color: black;
+    font-size: 0.75rem;
   }
 .breakout > img,
   .breakout > figure,

package/{assets → css}/float-label.core.css

@@ -19,10 +19,10 @@ label:has(input:not([type="checkbox"], [type="radio"], [type="range"]), textarea
   .has-float-label > span,
   .has-float-label label {
     position: absolute;
-    left: 0;
     top: 0;
-    cursor: text;
+    left: 0;
     font-size: 75%;
+    cursor: text;
   }
 /*
 ```

package/{assets → css}/float-label.css

@@ -20,10 +20,10 @@ label:has(input:not([type="checkbox"], [type="radio"], [type="range"]), textarea
   .has-float-label > span,
   .has-float-label label {
     position: absolute;
-    left: 0;
     top: 0;
-    cursor: text;
+    left: 0;
     font-size: 75%;
+    cursor: text;
   }
 /*
 ```

package/{assets → css}/link-icon.css

@@ -4,21 +4,21 @@
 /* Use inline flex only if link contains an icon */
 a:has(> i) {
     display: inline-flex;
+    overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
     gap: 0.375ch; /* =3/8 */
     text-wrap: balance;
-    overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
   }
 a > i {
-    font-style: normal;
     float: left; /*                 ✅ Chrome ❌ Safari */
+    font-style: normal;
     text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
   }
 /* Favicons */
 a > i > img {
+      display: inline-block; /* for Tailwind CSS Typography */
+      max-width: none; /* to keep ratio safe */
       height: 1.25em;
       margin-block-start: calc(-0.25em / 2);
-      max-width: none; /* to keep ratio safe */
-      display: inline-block; /* for Tailwind CSS Typography */
     }
 a > i[class^="fa-"],
     a > i[class*=" fa-"] {

package/{assets → css}/responsive-table.css

@@ -4,20 +4,20 @@
 table.responsive,
 .breakout > table:not(.does-not-exist),
 .breakout-all > table:not(.does-not-exist) {
-  /* Center horizontally */
-  margin-left: 50%;
-  transform: translateX(-50%);
+
+  /* Let them scroll */
+  display: block;
 
   /* Let them full-bleed */
   width: -moz-max-content;
   width: max-content;
   min-width: auto;
   max-width: 100dvw;
+  /* Center horizontally */
+  margin-left: 50%;
   padding-inline: 7.5%;
-
-  /* Let them scroll */
-  display: block;
   overflow-x: auto;
+  transform: translateX(-50%);
   -webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
 }
 table.responsive th,