@anyblades/blades 2.4.5 → 2.4.7

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/_includes/blades/html.njk

@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" />
 
-    <title>{{ title | striptags }}{% if title and site.title %}|{% endif %}{{ site.title }}</title>
+    <title>{{ title | striptags }}{{ ' | ' if title and site.title }}{{ site.title }}</title>
     <meta name="description" content="{{ description | striptags }}" />
 
     <link rel="icon" href="{{ site.favicon | d('/favicon.ico') }}" />

package/blades.gemspec

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

package/css/blades.css

@@ -3315,7 +3315,7 @@ 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:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
     display: inline-flex;
     overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
     gap: 0.375ch; /* =3/8 */
@@ -3327,7 +3327,7 @@ a > i {
     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 > i > img {
       display: inline-block; /* for Tailwind CSS Typography */
       max-width: none; /* to keep ratio safe */
       height: 1.25em;

package/css/blades.standalone.core.css

@@ -349,7 +349,7 @@ 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:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
     display: inline-flex;
     overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
     gap: 0.375ch; /* =3/8 */
@@ -364,7 +364,7 @@ a > i {
 
 /* Favicons */
 
-a > i > img:not(.does-not-exist) /* soft win specificity over img:not([height]) */ {
+a > i > img {
       display: inline-block; /* for Tailwind CSS Typography */
       max-width: none; /* to keep ratio safe */
       height: 1.25em;

package/css/blades.standalone.css

@@ -349,7 +349,7 @@ 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:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
     display: inline-flex;
     overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
     gap: 0.375ch; /* =3/8 */
@@ -364,7 +364,7 @@ a > i {
 
 /* Favicons */
 
-a > i > img:not(.does-not-exist) /* soft win specificity over img:not([height]) */ {
+a > i > img {
       display: inline-block; /* for Tailwind CSS Typography */
       max-width: none; /* to keep ratio safe */
       height: 1.25em;

package/css/link-icon.css

@@ -2,7 +2,7 @@
 \3c !--section:code-->
 ```css */
 /* Use inline flex only if link contains an icon */
-a:has(> i) {
+a:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
     display: inline-flex;
     overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
     gap: 0.375ch; /* =3/8 */
@@ -14,7 +14,7 @@ a > i {
     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 > i > img {
       display: inline-block; /* for Tailwind CSS Typography */
       max-width: none; /* to keep ratio safe */
       height: 1.25em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anyblades/blades",
-  "version": "2.4.5",
+  "version": "2.4.7",
   "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

@@ -3,7 +3,7 @@
 ```css */
 a {
   /* Use inline flex only if link contains an icon */
-  &:has(> i) {
+  &:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
     display: inline-flex;
     gap: 0.375ch; /* =3/8 */
     text-wrap: balance;
@@ -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 */