@anyblades/blades 2.4.6 → 2.4.8

package/README.md

@@ -165,7 +165,7 @@ Live example using <i class="fa-brands fa-tailwind-css"></i> Tailwind: https://g
 
 ---
 
-## <sup>Trusted by</sup>
+## <sup style>Trusted by</sup>
 
 - https://github.com/pallets/website 🐍
 - https://github.com/getgrav/grav-theme-quark2 🛸
@@ -176,17 +176,17 @@ Live example using <i class="fa-brands fa-tailwind-css"></i> Tailwind: https://g
 
 <!--section:info-->
 
-## <sup>Featured by</sup>
+## <sup style>Featured by</sup>
 
 - [awesome-css _@uhub_](https://github.com/uhub/awesome-css)
 - [awesome-css-frameworks _@gabrielizalo_](https://github.com/gabrielizalo/awesome-css-frameworks-and-ui-libraries/tree/master/Lightweight)
-- [dummy<em>.</em>my/frameworks](https://dummy.my/frameworks/)
+- [dummy.my/frameworks](https://dummy.my/frameworks/)
 - [@pauleveritt](https://fosstodon.org/@pauleveritt/116387278969347700)
 - [@githubsignals](https://www.youtube.com/shorts/FxtvnBCse8w) [↗](https://www.instagram.com/reel/DXOSTpajG4f/)
 
 <!--{.markerless .columns}-->
 
-## <sup>Credits</sup>
+## <sup style>Credits</sup>
 
 - https://picocss.com/ for [inspiration](//blades.ninja/css/pico/)
 - https://11ty.dev/ for [site generation ↗](https://github.com/anyblades/blades.ninja)

package/blades.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "blades"
-  spec.version       = "2.4.6"
+  spec.version       = "2.4.8"
   
   spec.authors       = ["Anton Staroverov"]
   spec.homepage      = "https://blades.ninja/"

package/css/blades.css

@@ -3315,31 +3315,31 @@ ul.unlist > li, ul.unlist-all > li, .unlist-all ul > li, ol.unlist > li, ol.unli
 \3c !--section:code-->
 ```css */
 /* Use inline flex only if link contains an icon */
-a:has(> i) {
+a:not(.does-not-exist):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;
   }
-a > i {
+a:not(.does-not-exist) > i {
     float: left; /*                 ✅ Chrome ❌ Safari */
     font-style: normal;
     text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
   }
 /* Favicons */
-a > i > img:not(.does-not-exist) /* soft win specificity over img:not([height]) */ {
+a:not(.does-not-exist) > 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);
     }
-a > i[class^="fa-"],
-    a > i[class*=" fa-"] {
+a:not(.does-not-exist) > i[class^="fa-"],
+    a:not(.does-not-exist) > i[class*=" fa-"] {
       line-height: inherit;
       --fa-width: auto;
     }
 /* Font Awesome */
-a > i.fa-lg {
+a:not(.does-not-exist) > i.fa-lg {
       line-height: normal;
     }
 /*```

package/css/blades.standalone.core.css

@@ -349,14 +349,14 @@ ul.unlist > li, ul.unlist-all > li, .unlist-all ul > li, ol.unlist > li, ol.unli
 
 /* Use inline flex only if link contains an icon */
 
-a:has(> i) {
+a:not(.does-not-exist):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;
   }
 
-a > i {
+a:not(.does-not-exist) > i {
     float: left; /*                 ✅ Chrome ❌ Safari */
     font-style: normal;
     text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
@@ -364,22 +364,22 @@ a > i {
 
 /* Favicons */
 
-a > i > img:not(.does-not-exist) /* soft win specificity over img:not([height]) */ {
+a:not(.does-not-exist) > 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);
     }
 
-a > i[class^="fa-"],
-    a > i[class*=" fa-"] {
+a:not(.does-not-exist) > i[class^="fa-"],
+    a:not(.does-not-exist) > i[class*=" fa-"] {
       line-height: inherit;
       --fa-width: auto;
     }
 
 /* Font Awesome */
 
-a > i.fa-lg {
+a:not(.does-not-exist) > i.fa-lg {
       line-height: normal;
     }
 

package/css/blades.standalone.css

@@ -349,14 +349,14 @@ ul.unlist > li, ul.unlist-all > li, .unlist-all ul > li, ol.unlist > li, ol.unli
 
 /* Use inline flex only if link contains an icon */
 
-a:has(> i) {
+a:not(.does-not-exist):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;
   }
 
-a > i {
+a:not(.does-not-exist) > i {
     float: left; /*                 ✅ Chrome ❌ Safari */
     font-style: normal;
     text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
@@ -364,22 +364,22 @@ a > i {
 
 /* Favicons */
 
-a > i > img:not(.does-not-exist) /* soft win specificity over img:not([height]) */ {
+a:not(.does-not-exist) > 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);
     }
 
-a > i[class^="fa-"],
-    a > i[class*=" fa-"] {
+a:not(.does-not-exist) > i[class^="fa-"],
+    a:not(.does-not-exist) > i[class*=" fa-"] {
       line-height: inherit;
       --fa-width: auto;
     }
 
 /* Font Awesome */
 
-a > i.fa-lg {
+a:not(.does-not-exist) > i.fa-lg {
       line-height: normal;
     }
 

package/css/link-icon.css

@@ -2,31 +2,31 @@
 \3c !--section:code-->
 ```css */
 /* Use inline flex only if link contains an icon */
-a:has(> i) {
+a:not(.does-not-exist):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;
   }
-a > i {
+a:not(.does-not-exist) > i {
     float: left; /*                 ✅ Chrome ❌ Safari */
     font-style: normal;
     text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
   }
 /* Favicons */
-a > i > img:not(.does-not-exist) /* soft win specificity over img:not([height]) */ {
+a:not(.does-not-exist) > 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);
     }
-a > i[class^="fa-"],
-    a > i[class*=" fa-"] {
+a:not(.does-not-exist) > i[class^="fa-"],
+    a:not(.does-not-exist) > i[class*=" fa-"] {
       line-height: inherit;
       --fa-width: auto;
     }
 /* Font Awesome */
-a > i.fa-lg {
+a:not(.does-not-exist) > i.fa-lg {
       line-height: normal;
     }
 /*```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anyblades/blades",
-  "version": "2.4.6",
+  "version": "2.4.8",
   "exports": {
     ".": "./src/blades.css",
     "./standalone": "./src/blades.standalone.css",
@@ -47,4 +47,4 @@
     "url": "git+https://github.com/anyblades/blades.git"
   },
   "===": "==="
-}
+}

package/src/link-icon.css

@@ -1,7 +1,7 @@
 /* Extends https://github.com/picocss/pico/blob/main/scss/content/_link.scss
 <!--section:code-->
 ```css */
-a {
+a:not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
   /* Use inline flex only if link contains an icon */
   &:has(> i) {
     display: inline-flex;
@@ -15,7 +15,7 @@ a {
     text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
 
     /* Favicons */
-    > img:not(.does-not-exist) /* soft win specificity over img:not([height]) */ {
+    > img {
       height: 1.25em;
       margin-block-start: calc(-0.25em / 2);
       max-width: none; /* to keep ratio safe */