@anyblades/blades 0.28.0-alpha.7 → 0.28.0
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/README.md +1 -1
- package/assets/blades.core.css +153 -117
- package/assets/blades.css +216 -168
- package/assets/blades.theme.css +52 -55
- package/assets/breakout.css +27 -32
- package/assets/float-label.core.css +22 -10
- package/assets/float-label.css +48 -28
- package/assets/float-label.theme.css +25 -17
- package/assets/link-icon.css +14 -18
- package/assets/pico.blades.css +1211 -0
- package/assets/responsive-table.css +8 -4
- package/blades.gemspec +1 -1
- package/package.json +6 -2
- package/src/link-icon.css +4 -4
- package/src/pico.blades.css +6 -0
- package/postcss.config.js +0 -5
|
@@ -9,6 +9,7 @@ table.responsive,
|
|
|
9
9
|
transform: translateX(-50%);
|
|
10
10
|
|
|
11
11
|
/* Let them full-bleed */
|
|
12
|
+
width: -moz-max-content;
|
|
12
13
|
width: max-content;
|
|
13
14
|
min-width: auto;
|
|
14
15
|
max-width: 100vw;
|
|
@@ -18,12 +19,15 @@ table.responsive,
|
|
|
18
19
|
display: block;
|
|
19
20
|
overflow-x: auto;
|
|
20
21
|
-webkit-overflow-scrolling: touch; /* Smooth scroll for iOS */
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
td
|
|
22
|
+
}
|
|
23
|
+
table.responsive th,
|
|
24
|
+
table.responsive td,
|
|
25
|
+
.breakout > table:not(.does-not-exist) th,
|
|
26
|
+
.breakout > table:not(.does-not-exist) td,
|
|
27
|
+
.breakout-all > table:not(.does-not-exist) th,
|
|
28
|
+
.breakout-all > table:not(.does-not-exist) td {
|
|
24
29
|
padding-inline-start: 0;
|
|
25
30
|
}
|
|
26
|
-
}
|
|
27
31
|
/*```
|
|
28
32
|
`table:not(.does-not-exist)` trick (inspired by postcss) is used here to increase specificity against selectors like `&:is(table, .table)`
|
|
29
33
|
|
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 = "0.28.0
|
|
5
|
+
spec.version = "0.28.0"
|
|
6
6
|
spec.authors = ["Anton Staroverov"]
|
|
7
7
|
|
|
8
8
|
spec.summary = "Framework-agnostic CSS utilities and single-file Liquid 'blades' for modern web development."
|
package/package.json
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@anyblades/blades",
|
|
3
|
-
"version": "0.28.0
|
|
3
|
+
"version": "0.28.0",
|
|
4
4
|
"description": "Framework-agnostic CSS utilities and single-file Liquid 'blades' for modern web development.",
|
|
5
5
|
"style": "./assets/blades.css",
|
|
6
6
|
"exports": {
|
|
7
7
|
".": "./src/blades.css",
|
|
8
8
|
"./core": "./src/blades.core.css",
|
|
9
9
|
"./theme": "./src/blades.theme.css",
|
|
10
|
-
"./float-label": "./src/float-label.css"
|
|
10
|
+
"./float-label": "./src/float-label.css",
|
|
11
|
+
"./pico": "./src/pico.blades.css"
|
|
11
12
|
},
|
|
12
13
|
"scripts": {
|
|
13
14
|
"postcss": "postcss './src/!(_)*.css' --dir ./assets",
|
|
@@ -29,9 +30,12 @@
|
|
|
29
30
|
"author": "Anton Staroverov",
|
|
30
31
|
"license": "MIT",
|
|
31
32
|
"devDependencies": {
|
|
33
|
+
"@anyblades/pico": "^2.2.0-alpha.6",
|
|
34
|
+
"autoprefixer": "^10.5.0",
|
|
32
35
|
"postcss": "^8.4.33",
|
|
33
36
|
"postcss-cli": "^11.0.0",
|
|
34
37
|
"postcss-import": "^16.1.1",
|
|
38
|
+
"postcss-nested": "^7.0.2",
|
|
35
39
|
"prettier-plugin-jinja-template": "^2.1.0"
|
|
36
40
|
}
|
|
37
41
|
}
|
package/src/link-icon.css
CHANGED
|
@@ -33,10 +33,6 @@ a {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
/*```
|
|
36
|
-
How we made it: https://codepen.io/editor/anydigital/pen/019d2b94-5616-75dc-a23e-e111869d5237
|
|
37
|
-
|
|
38
|
-
**PRO** example of automatic favicons for `11ty`: https://blades.ninja/build-awesome-11ty/processors/#auto-link-favicons
|
|
39
|
-
|
|
40
36
|
<!--section:summary-->
|
|
41
37
|
|
|
42
38
|
Use *Bl*ades `<i>`-helper to wrap emojis, favicons, or simply drop Font Awesome icons inside links.
|
|
@@ -59,4 +55,8 @@ Or even for:
|
|
|
59
55
|
<a href="#" style="margin: 0 0 0 1rem"><i>🥷</i> very-very-very-very-very-<br>long-multiline-links</a>
|
|
60
56
|
</article>
|
|
61
57
|
|
|
58
|
+
How we made it: https://codepen.io/editor/anydigital/pen/019d2b94-5616-75dc-a23e-e111869d5237
|
|
59
|
+
|
|
60
|
+
**PRO** example of automatic favicons for `11ty`: https://blades.ninja/build-awesome-11ty/processors/#auto-link-favicons
|
|
61
|
+
|
|
62
62
|
<!--section--> */
|