@anyblades/blades 2.4.7 → 2.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/blades.gemspec +1 -1
  2. package/css/blades.css +6 -6
  3. package/css/blades.standalone.core.css +6 -6
  4. package/css/blades.standalone.css +6 -6
  5. package/css/link-icon.css +6 -6
  6. package/package.json +1 -1
  7. package/src/link-icon.css +2 -2
package/blades.gemspec CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |spec|
4
4
  spec.name = "blades"
5
- spec.version = "2.4.7"
5
+ spec.version = "2.4.8"
6
6
 
7
7
  spec.authors = ["Anton Staroverov"]
8
8
  spec.homepage = "https://blades.ninja/"
package/css/blades.css CHANGED
@@ -3315,31 +3315,31 @@ ul.unlist > li, ul.unlist-all > li, .unlist-all ul > li, ol.unlist > li, ol.unli
3315
3315
  \3c !--section:code-->
3316
3316
  ```css */
3317
3317
  /* Use inline flex only if link contains an icon */
3318
- a:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
3318
+ a:not(.does-not-exist):has(> i) {
3319
3319
  display: inline-flex;
3320
3320
  overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
3321
3321
  gap: 0.375ch; /* =3/8 */
3322
3322
  text-wrap: balance;
3323
3323
  }
3324
- a > i {
3324
+ a:not(.does-not-exist) > i {
3325
3325
  float: left; /* ✅ Chrome ❌ Safari */
3326
3326
  font-style: normal;
3327
3327
  text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
3328
3328
  }
3329
3329
  /* Favicons */
3330
- a > i > img {
3330
+ a:not(.does-not-exist) > i > img {
3331
3331
  display: inline-block; /* for Tailwind CSS Typography */
3332
3332
  max-width: none; /* to keep ratio safe */
3333
3333
  height: 1.25em;
3334
3334
  margin-block-start: calc(-0.25em / 2);
3335
3335
  }
3336
- a > i[class^="fa-"],
3337
- a > i[class*=" fa-"] {
3336
+ a:not(.does-not-exist) > i[class^="fa-"],
3337
+ a:not(.does-not-exist) > i[class*=" fa-"] {
3338
3338
  line-height: inherit;
3339
3339
  --fa-width: auto;
3340
3340
  }
3341
3341
  /* Font Awesome */
3342
- a > i.fa-lg {
3342
+ a:not(.does-not-exist) > i.fa-lg {
3343
3343
  line-height: normal;
3344
3344
  }
3345
3345
  /*```
package/css/blades.standalone.core.css CHANGED
@@ -349,14 +349,14 @@ ul.unlist > li, ul.unlist-all > li, .unlist-all ul > li, ol.unlist > li, ol.unli
349
349
 
350
350
  /* Use inline flex only if link contains an icon */
351
351
 
352
- a:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
352
+ a:not(.does-not-exist):has(> i) {
353
353
  display: inline-flex;
354
354
  overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
355
355
  gap: 0.375ch; /* =3/8 */
356
356
  text-wrap: balance;
357
357
  }
358
358
 
359
- a > i {
359
+ a:not(.does-not-exist) > i {
360
360
  float: left; /* ✅ Chrome ❌ Safari */
361
361
  font-style: normal;
362
362
  text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
@@ -364,22 +364,22 @@ a > i {
364
364
 
365
365
  /* Favicons */
366
366
 
367
- a > i > img {
367
+ a:not(.does-not-exist) > i > img {
368
368
  display: inline-block; /* for Tailwind CSS Typography */
369
369
  max-width: none; /* to keep ratio safe */
370
370
  height: 1.25em;
371
371
  margin-block-start: calc(-0.25em / 2);
372
372
  }
373
373
 
374
- a > i[class^="fa-"],
375
- a > i[class*=" fa-"] {
374
+ a:not(.does-not-exist) > i[class^="fa-"],
375
+ a:not(.does-not-exist) > i[class*=" fa-"] {
376
376
  line-height: inherit;
377
377
  --fa-width: auto;
378
378
  }
379
379
 
380
380
  /* Font Awesome */
381
381
 
382
- a > i.fa-lg {
382
+ a:not(.does-not-exist) > i.fa-lg {
383
383
  line-height: normal;
384
384
  }
385
385
 
package/css/blades.standalone.css CHANGED
@@ -349,14 +349,14 @@ ul.unlist > li, ul.unlist-all > li, .unlist-all ul > li, ol.unlist > li, ol.unli
349
349
 
350
350
  /* Use inline flex only if link contains an icon */
351
351
 
352
- a:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
352
+ a:not(.does-not-exist):has(> i) {
353
353
  display: inline-flex;
354
354
  overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
355
355
  gap: 0.375ch; /* =3/8 */
356
356
  text-wrap: balance;
357
357
  }
358
358
 
359
- a > i {
359
+ a:not(.does-not-exist) > i {
360
360
  float: left; /* ✅ Chrome ❌ Safari */
361
361
  font-style: normal;
362
362
  text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
@@ -364,22 +364,22 @@ a > i {
364
364
 
365
365
  /* Favicons */
366
366
 
367
- a > i > img {
367
+ a:not(.does-not-exist) > i > img {
368
368
  display: inline-block; /* for Tailwind CSS Typography */
369
369
  max-width: none; /* to keep ratio safe */
370
370
  height: 1.25em;
371
371
  margin-block-start: calc(-0.25em / 2);
372
372
  }
373
373
 
374
- a > i[class^="fa-"],
375
- a > i[class*=" fa-"] {
374
+ a:not(.does-not-exist) > i[class^="fa-"],
375
+ a:not(.does-not-exist) > i[class*=" fa-"] {
376
376
  line-height: inherit;
377
377
  --fa-width: auto;
378
378
  }
379
379
 
380
380
  /* Font Awesome */
381
381
 
382
- a > i.fa-lg {
382
+ a:not(.does-not-exist) > i.fa-lg {
383
383
  line-height: normal;
384
384
  }
385
385
 
package/css/link-icon.css CHANGED
@@ -2,31 +2,31 @@
2
2
  \3c !--section:code-->
3
3
  ```css */
4
4
  /* Use inline flex only if link contains an icon */
5
- a:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
5
+ a:not(.does-not-exist):has(> i) {
6
6
  display: inline-flex;
7
7
  overflow-y: clip; /* to work in pair with text-underline-offset in Safari */
8
8
  gap: 0.375ch; /* =3/8 */
9
9
  text-wrap: balance;
10
10
  }
11
- a > i {
11
+ a:not(.does-not-exist) > i {
12
12
  float: left; /* ✅ Chrome ❌ Safari */
13
13
  font-style: normal;
14
14
  text-underline-offset: -2em; /* ❌ Chrome ✅ Safari - to clip it with overflow-y */
15
15
  }
16
16
  /* Favicons */
17
- a > i > img {
17
+ a:not(.does-not-exist) > i > img {
18
18
  display: inline-block; /* for Tailwind CSS Typography */
19
19
  max-width: none; /* to keep ratio safe */
20
20
  height: 1.25em;
21
21
  margin-block-start: calc(-0.25em / 2);
22
22
  }
23
- a > i[class^="fa-"],
24
- a > i[class*=" fa-"] {
23
+ a:not(.does-not-exist) > i[class^="fa-"],
24
+ a:not(.does-not-exist) > i[class*=" fa-"] {
25
25
  line-height: inherit;
26
26
  --fa-width: auto;
27
27
  }
28
28
  /* Font Awesome */
29
- a > i.fa-lg {
29
+ a:not(.does-not-exist) > i.fa-lg {
30
30
  line-height: normal;
31
31
  }
32
32
  /*```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@anyblades/blades",
3
- "version": "2.4.7",
3
+ "version": "2.4.8",
4
4
  "exports": {
5
5
  ".": "./src/blades.css",
6
6
  "./standalone": "./src/blades.standalone.css",
package/src/link-icon.css CHANGED
@@ -1,9 +1,9 @@
1
1
  /* Extends https://github.com/picocss/pico/blob/main/scss/content/_link.scss
2
2
  <!--section:code-->
3
3
  ```css */
4
- a {
4
+ a:not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
5
5
  /* Use inline flex only if link contains an icon */
6
- &:has(> i):not(.does-not-exist) /* soft win specificity over Pico's `a[role="button"]` and inner `img:not([height])` */ {
6
+ &:has(> i) {
7
7
  display: inline-flex;
8
8
  gap: 0.375ch; /* =3/8 */
9
9
  text-wrap: balance;