@anyblades/blades 2.4.0 → 2.4.1
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.
- package/blades.gemspec +1 -1
- package/css/blades.css +1 -1
- package/css/blades.ninja.css +24 -0
- package/css/blades.standalone.core.css +1 -1
- package/css/blades.standalone.css +1 -1
- package/css/breakout.css +1 -1
- package/package.json +1 -1
- package/src/blades.ninja.css +24 -0
- package/src/breakout.css +1 -1
package/blades.gemspec
CHANGED
package/css/blades.css
CHANGED
|
@@ -3100,7 +3100,7 @@ How it works:
|
|
|
3100
3100
|
transform: translateX(-50%);
|
|
3101
3101
|
}
|
|
3102
3102
|
/* Respect img/picture min-width */
|
|
3103
|
-
.breakout > *:is(img, picture), .breakout-all > *:is(img, picture) {
|
|
3103
|
+
.breakout > *:is(img, picture):not(.does-not-exist), .breakout-all > *:is(img, picture):not(.does-not-exist) /* soft win specificity over .breakout-item above */ {
|
|
3104
3104
|
min-width: auto;
|
|
3105
3105
|
}
|
|
3106
3106
|
/* Max out the width of the element */
|
package/css/blades.ninja.css
CHANGED
|
@@ -28,6 +28,24 @@ sub[style]:where(h1 > *) {
|
|
|
28
28
|
}
|
|
29
29
|
/*```
|
|
30
30
|
|
|
31
|
+
### Teasers
|
|
32
|
+
|
|
33
|
+
<article style="padding-inline: 2rem">
|
|
34
|
+
<a href="https://blades.ninja/" role="button" class="outline">
|
|
35
|
+
<h4>Blades CSS</h4>
|
|
36
|
+
Fully compatible and actively maintained successor to Pico CSS.
|
|
37
|
+
</a>
|
|
38
|
+
</article>
|
|
39
|
+
|
|
40
|
+
How it works:
|
|
41
|
+
```css */
|
|
42
|
+
a[role="button"]:has(h1, h2, h3, h4, h5, h6) {
|
|
43
|
+
margin: 0 0 0.5rem -1rem;
|
|
44
|
+
border-width: 1px 0 0 1px;
|
|
45
|
+
text-align: start;
|
|
46
|
+
}
|
|
47
|
+
/*```
|
|
48
|
+
|
|
31
49
|
### `.opt`ional content
|
|
32
50
|
|
|
33
51
|
How it works:
|
|
@@ -41,6 +59,12 @@ How it works:
|
|
|
41
59
|
|
|
42
60
|
### Nicer GitHub favicons
|
|
43
61
|
|
|
62
|
+
<article>
|
|
63
|
+
|
|
64
|
+
https://github.com/anyblades/blades
|
|
65
|
+
|
|
66
|
+
</article>
|
|
67
|
+
|
|
44
68
|
How it works:
|
|
45
69
|
```css */
|
|
46
70
|
img[src*="?domain=github.com&"] {
|
|
@@ -104,7 +104,7 @@ How it works:
|
|
|
104
104
|
|
|
105
105
|
/* Respect img/picture min-width */
|
|
106
106
|
|
|
107
|
-
.breakout > *:is(img, picture), .breakout-all > *:is(img, picture) {
|
|
107
|
+
.breakout > *:is(img, picture):not(.does-not-exist), .breakout-all > *:is(img, picture):not(.does-not-exist) /* soft win specificity over .breakout-item above */ {
|
|
108
108
|
min-width: auto;
|
|
109
109
|
}
|
|
110
110
|
|
|
@@ -104,7 +104,7 @@ How it works:
|
|
|
104
104
|
|
|
105
105
|
/* Respect img/picture min-width */
|
|
106
106
|
|
|
107
|
-
.breakout > *:is(img, picture), .breakout-all > *:is(img, picture) {
|
|
107
|
+
.breakout > *:is(img, picture):not(.does-not-exist), .breakout-all > *:is(img, picture):not(.does-not-exist) /* soft win specificity over .breakout-item above */ {
|
|
108
108
|
min-width: auto;
|
|
109
109
|
}
|
|
110
110
|
|
package/css/breakout.css
CHANGED
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
transform: translateX(-50%);
|
|
42
42
|
}
|
|
43
43
|
/* Respect img/picture min-width */
|
|
44
|
-
.breakout > *:is(img, picture), .breakout-all > *:is(img, picture) {
|
|
44
|
+
.breakout > *:is(img, picture):not(.does-not-exist), .breakout-all > *:is(img, picture):not(.does-not-exist) /* soft win specificity over .breakout-item above */ {
|
|
45
45
|
min-width: auto;
|
|
46
46
|
}
|
|
47
47
|
/* Max out the width of the element */
|
package/package.json
CHANGED
package/src/blades.ninja.css
CHANGED
|
@@ -29,6 +29,24 @@ sub[style] {
|
|
|
29
29
|
}
|
|
30
30
|
/*```
|
|
31
31
|
|
|
32
|
+
### Teasers
|
|
33
|
+
|
|
34
|
+
<article style="padding-inline: 2rem">
|
|
35
|
+
<a href="https://blades.ninja/" role="button" class="outline">
|
|
36
|
+
<h4>Blades CSS</h4>
|
|
37
|
+
Fully compatible and actively maintained successor to Pico CSS.
|
|
38
|
+
</a>
|
|
39
|
+
</article>
|
|
40
|
+
|
|
41
|
+
How it works:
|
|
42
|
+
```css */
|
|
43
|
+
a[role="button"]:has(h1, h2, h3, h4, h5, h6) {
|
|
44
|
+
text-align: start;
|
|
45
|
+
border-width: 1px 0 0 1px;
|
|
46
|
+
margin: 0 0 0.5rem -1rem;
|
|
47
|
+
}
|
|
48
|
+
/*```
|
|
49
|
+
|
|
32
50
|
### `.opt`ional content
|
|
33
51
|
|
|
34
52
|
How it works:
|
|
@@ -42,6 +60,12 @@ How it works:
|
|
|
42
60
|
|
|
43
61
|
### Nicer GitHub favicons
|
|
44
62
|
|
|
63
|
+
<article>
|
|
64
|
+
|
|
65
|
+
https://github.com/anyblades/blades
|
|
66
|
+
|
|
67
|
+
</article>
|
|
68
|
+
|
|
45
69
|
How it works:
|
|
46
70
|
```css */
|
|
47
71
|
img[src*="?domain=github.com&"] {
|