@anyblades/blades 0.28.0-alpha.4 → 0.28.0-alpha.6

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 (22) hide show
  1. package/README.md +29 -35
  2. package/_includes/blades/html.njk +1 -1
  3. package/assets/blades.core.css +201 -132
  4. package/assets/blades.css +234 -161
  5. package/assets/blades.theme.css +32 -27
  6. package/assets/breakout.css +40 -8
  7. package/assets/link-icon.css +20 -12
  8. package/assets/responsive-table.css +16 -13
  9. package/blades.gemspec +1 -1
  10. package/package.json +1 -1
  11. package/src/_layout.css +20 -23
  12. package/src/_utilities.css +35 -11
  13. package/src/blades.core.css +4 -4
  14. package/src/blades.theme.css +33 -29
  15. package/src/breakout.css +40 -8
  16. package/src/{_code.css → content/_code.css} +17 -4
  17. package/src/content/_table.css +66 -0
  18. package/src/content/_typography.css +114 -0
  19. package/src/link-icon.css +20 -12
  20. package/src/responsive-table.css +16 -13
  21. package/src/_table.css +0 -67
  22. package/src/_typography.css +0 -116
package/README.md CHANGED
@@ -12,32 +12,25 @@
12
12
 
13
13
  <!--section:docs-->
14
14
 
15
- ## [Docs & Demos <i><small>→</small></i>](https://blades.ninja/css/)
15
+ ## [Docs & demos <i><small>→</small></i>](https://blades.ninja/css/)
16
16
 
17
17
  <!--section:docs,toc-->
18
- <!--
19
- 1. copy-paste ToC from https://blades.ninja/css/
20
- 2. replace href="# => href="/css/#
21
- 3. replace href="/ => href="https://blades.ninja/
22
- -->
23
- <ul class="unlist columns">
24
- <li><a href="https://blades.ninja/css/#install" tabindex="-1">Install</a></li>
25
- <li><a href="https://blades.ninja/css/#layout" tabindex="-1">Layout</a><ul><li><a href="https://blades.ninja/css/breakout/" tabindex="-1">Breakout elements →</a></li>
26
- <li><a href="https://blades.ninja/css/#auto-columns" tabindex="-1">Auto-columns</a></li>
27
- <li><a href="https://blades.ninja/css/#jump-to-top" tabindex="-1">Jump to top</a></li></ul></li>
28
- <li><a href="https://blades.ninja/css/#content" tabindex="-1">Content</a><ul><li><a href="https://blades.ninja/css/link-icon/" tabindex="-1">Link [fav]icons →</a></li>
29
- <li><a href="https://blades.ninja/css/#heading-anchors" tabindex="-1">Heading anchors</a></li>
30
- <li><a href="https://blades.ninja/css/#list-markers" tabindex="-1">List markers</a></li>
31
- <li><a href="https://blades.ninja/css/#unlist" tabindex="-1">Unlist</a></li>
32
- <li><a href="https://blades.ninja/css/#code" tabindex="-1">Code</a></li></ul></li>
33
- <li><a href="https://blades.ninja/css/#table" tabindex="-1">Table</a><ul><li><a href="https://blades.ninja/css/responsive-table/" tabindex="-1">Responsive table without wrapper →</a></li>
34
- <li><a href="https://blades.ninja/css/#horizontal-expanders" tabindex="-1">Horizontal expanders</a></li>
35
- <li><a href="https://blades.ninja/css/#borderless-table" tabindex="-1">Borderless table</a></li></ul></li>
36
- <li><a href="https://blades.ninja/css/#forms" tabindex="-1">Forms</a><ul><li><a href="https://blades.ninja/css/float-label/" tabindex="-1">Float label without CSS classes →</a></li></ul></li>
37
- <li><a href="https://blades.ninja/css/#utilities" tabindex="-1">Utilities</a><ul><li><a href="https://blades.ninja/css/#auto-dark" tabindex="-1">Auto-dark</a></li>
38
- <li><a href="https://blades.ninja/css/#faded" tabindex="-1">Faded</a></li>
39
- <li><a href="https://blades.ninja/css/#invert" tabindex="-1">Invert</a></li></ul></li></ul>
40
-
18
+ <!-- ToC from https://blades.ninja/css/ with `href="/css/#` instead of `href="#` -->
19
+ <ul class="columns"><li><a href="/css/#install" tabindex="-1">Install</a></li>
20
+ <li><a href="/css/#layout" tabindex="-1">Layout</a><ul><li><a href="/css/#breakout">Breakout elements</a></li>
21
+ <li><a href="/css/#auto-columns" tabindex="-1">Auto-columns</a></li>
22
+ <li><a href="/css/#jump-to-top" tabindex="-1">Jump to top</a></li></ul></li>
23
+ <li><a href="/css/#content" tabindex="-1">Content</a><ul><li><a href="/css/#link-icon">Link icon</a></li>
24
+ <li><a href="/css/#heading-anchors" tabindex="-1">Heading anchors</a></li>
25
+ <li><a href="/css/#list-markers" tabindex="-1">List markers</a></li>
26
+ <li><a href="/css/#unlist" tabindex="-1">Unlist</a></li>
27
+ <li><a href="/css/#code" tabindex="-1">Code</a></li></ul></li>
28
+ <li><a href="/css/#table" tabindex="-1">Table</a><ul><li><a href="/css/#responsive-table">Responsive table</a></li>
29
+ <li><a href="/css/#column-expanders" tabindex="-1">Column expanders</a></li>
30
+ <li><a href="/css/#borderless-table" tabindex="-1">Borderless table</a></li></ul></li>
31
+ <li><a href="/css/#forms" tabindex="-1">Forms</a><ul><li><a href="/css/#float-label">Float label CSS</a></li></ul></li>
32
+ <li><a href="/css/#utilities" tabindex="-1">Utilities</a><ul><li><a href="/css/#auto-dark" tabindex="-1">Auto-dark</a></li>
33
+ <li><a href="/css/#faded" tabindex="-1">Faded</a></li></ul></li></ul>
41
34
  <!--section:gh-only-->
42
35
 
43
36
  ---
@@ -46,16 +39,16 @@
46
39
 
47
40
  <!--section:install-->
48
41
 
49
- <mark>Via CDN:</mark>
42
+ ###### <mark>Via CDN</mark>
50
43
 
51
44
  <!--prettier-ignore-->
52
45
  ```html
53
46
  <link rel="stylesheet" href="
54
- https://cdn.jsdelivr.net/npm/@anyblades/blades@^0.27.0-beta/assets/blades.min.css
47
+ https://cdn.jsdelivr.net/npm/@anyblades/blades@^0.28.0-alpha/assets/blades.min.css
55
48
  ">
56
49
  ```
57
50
 
58
- <mark>Via npm:</mark>
51
+ ###### <mark>Via npm</mark>
59
52
 
60
53
  ```sh
61
54
  npm install @anyblades/blades
@@ -71,7 +64,7 @@ Living example: https://github.com/anyblades/build-awesome-starter/blob/main/_st
71
64
 
72
65
  <!--section:install,install-preconf-->
73
66
 
74
- <mark>Preconfigured:</mark>
67
+ ###### <mark>Preconfigured</mark>
75
68
 
76
69
  - Pico: https://github.com/anyblades/pico
77
70
  - 11ty: https://github.com/anyblades/build-awesome-starter
@@ -79,9 +72,9 @@ Living example: https://github.com/anyblades/build-awesome-starter/blob/main/_st
79
72
 
80
73
  <!--section:install-->
81
74
 
82
- ##### Default theme <small>(optional)</small>
75
+ ###### Theme <small>(optional)</small>
83
76
 
84
- `blades.css` includes default minimal styling; use `blades.core.css` to opt out.
77
+ `blades.css` includes default minimal styling; use `blades.core.css` to opt-out.
85
78
 
86
79
  <!--section:docs-->
87
80
 
@@ -90,18 +83,19 @@ Living example: https://github.com/anyblades/build-awesome-starter/blob/main/_st
90
83
  - Featured by:
91
84
  - https://github.com/uhub/awesome-css
92
85
  - https://github.com/gabrielizalo/awesome-css-frameworks-and-ui-libraries/tree/master/lightweight
93
- - https://github.com/anydigital/awesome-11ty-build-awesome
86
+ - https://github.com/anyblades/awesome-11ty-build-awesome
94
87
  - https://11tybundle.dev/blog/11ty-bundle-88/
95
88
  - [https://jekyll-themes.com/](https://jekyll-themes.com/anyblades/blades)
96
89
  - [https://sveltiacms.app/](https://sveltiacms.app/en/docs/start#starter-templates)
97
90
  - ✨ [pico.css](https://github.com/anyblades/pico) community fork
98
91
  - 🚀 [build-awesome-starter](https://github.com/anyblades/build-awesome-starter)
99
92
  - 🚀 [bladeswitch](https://github.com/anyblades/bladeswitch) starter
93
+
100
94
  - Showcase:
101
- - https://any.digital/ (Pico + Blades)
102
- - https://build.blades.ninja/ (Tailwind + Blades)
103
- - https://bladeswitch.com/ (Pico + Blades)
104
- - https://minform.hostfurl.com/ (Pico + Blades)
95
+ - <abbr data-tooltip="Pico CSS + Blades">✨+🥷</abbr> = https://any.digital/
96
+ - <abbr data-tooltip="Tailwind CSS + Typography plugin + Blades">💨+🥷</abbr> = https://build.blades.ninja/
97
+ - <abbr data-tooltip="Pico CSS + Blades">✨+🥷</abbr> = https://bladeswitch.com/
98
+ - <abbr data-tooltip="Pico CSS + Blades">✨+🥷</abbr> = https://minform.hostfurl.com/
105
99
 
106
100
  - Credits:
107
101
  - https://picocss.com/ for inspiration
package/_includes/blades/html.njk CHANGED
@@ -28,7 +28,7 @@
28
28
  {{ site.inline_scripts | d([]) | join('\n') }}
29
29
  </script>{# prettier-ignore-end #}
30
30
 
31
- {{ content_for_header }}
31
+ {{ content_for_header | safe }}
32
32
  {% include 'blades/gtm.njk' %}
33
33
  </head>
34
34