@anydigital/blades 0.27.0-beta.2 → 0.27.0-beta.4

package/README.md

@@ -4,7 +4,7 @@
 
 <hgroup>Framework-agnostic,<wbr> class-light CSS⁺ blade kit.</hgroup>
 
-<big>Use with Pico, Tailwind, or any other CSS reset/framework.</big>
+<big>Use with Pico, Simple, Tailwind, or any other CSS reset/framework.</big>
 
 ![](https://img.shields.io/github/v/release/anydigital/blades?label=&color=white&include_prereleases)
 [![](https://img.shields.io/github/stars/anydigital/blades?label=)](https://github.com/anydigital/blades)
@@ -29,14 +29,14 @@ inspired by Pico.css
 
 <!-- copy-paste of ToC from https://blades.ninja/css/ -->
 <ul class="unlist columns">
-<li><a href="https://blades.ninja/css/#table">Table</a><ul><li><a href="https://blades.ninja/css/responsive-table/">🥷 Responsive table without wrapper →</a></li>
+<li><a href="https://blades.ninja/css/#table">Table</a><ul><li><a href="https://blades.ninja/css/responsive-table/">Responsive table without wrapper →</a></li>
 <li><a href="https://blades.ninja/css/#horizontal-expanders">Horizontal expanders</a></li>
 <li><a href="https://blades.ninja/css/#borderless-table">Borderless table</a></li></ul></li>
 <li><a href="https://blades.ninja/css/#content">Content</a><ul><li><a href="https://blades.ninja/css/#link-fav-icons">Link [fav]icons</a></li>
 <li><a href="https://blades.ninja/css/#heading-anchors">Heading anchors</a></li>
 <li><a href="https://blades.ninja/css/#list-markers">List markers</a></li>
 <li><a href="https://blades.ninja/css/#code">Code</a></li></ul></li>
-<li><a href="https://blades.ninja/css/#layout">Layout</a><ul><li><a href="https://blades.ninja/css/breakout/">🥷 Breakout elements →</a></li>
+<li><a href="https://blades.ninja/css/#layout">Layout</a><ul><li><a href="https://blades.ninja/css/breakout/">Breakout elements →</a></li>
 <li><a href="https://blades.ninja/css/#document">Document</a></li>
 <li><a href="https://blades.ninja/css/#landmarks">Landmarks</a></li>
 <li><a href="https://blades.ninja/css/#table-of-contents">Table of contents</a></li>
@@ -95,20 +95,18 @@ for 11ty/Build Awesome, Jekyll, etc.
 
 ```sh
 npm install @anydigital/blades
-cd ./_includes  # or where your includes dir is
+cd ./_includes  # your includes dir
 ln -s ../node_modules/@anydigital/blades/_includes/blades
 ```
 
 That's it! Now you can use HTML blades in your templates like this:
 
-```jinja2
+```jinja2 {data-caption=Nunjucks}
 {% extends 'blades/html.njk' %}
 {% include 'blades/gtm.njk' %}
 ```
 
-or:
-
-```liquid
+```liquid {data-caption=Liquid}
 {% include blades/html.liquid %}
 {% include blades/gtm.liquid for_body=true %}
 {% render blades/links, links: site.links, current_url: page.url %}
@@ -146,18 +144,12 @@ Or use a preconfigured template:
 
 ---
 
-<div class="grid"><div>
-
-Featured by:
-
-- https://github.com/uhub/awesome-css
-- [awesome-eleventy](https://github.com/anydigital/awesome-11ty-build-awesome) list
-
-</div><div>
-
-Credits:
-
-- https://picocss.com/ for inspiration
-- https://11ty.dev/ for build power
+- Featured by:
+  - https://github.com/uhub/awesome-css
+  - 🕶️ [awesome-eleventy](https://github.com/anydigital/awesome-11ty-build-awesome)
+  - [https://jekyll-themes.com/](https://jekyll-themes.com/anydigital/blades)
+- Credits:
+  - https://picocss.com/ for inspiration
+  - https://11ty.dev/ for build power
 
-</div></div>
+{.unlist .columns}

package/_includes/blades/sitemap.xml.njk

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  {%- for page in collections.all %}
+    {% if page.data.permalink != false %}
+      <url>
+        <loc>{{ site.base }}{{ page.url }}</loc>
+        <lastmod>{{ page.date | iso_date }}</lastmod>
+      </url>
+    {% endif %}
+  {%- endfor %}
+</urlset>
+{# https://github.com/11ty/eleventy-base-blog/blob/main/content/sitemap.xml.njk #}

package/assets/blades.css

@@ -36,22 +36,6 @@ body {
 
 /*```
 
-### Table of contents
-```css */
-
-[data-is-toc] {
-  font-size: 87.5%;
-
-  a {
-    text-decoration: none;
-  }
-  > ul {
-    columns: 30ch auto; /* 2 cols max for 65ch container */
-  }
-}
-
-/*```
-
 ### Jump to top
 ```css */
 
@@ -430,7 +414,9 @@ code {
 ### Auto-columns
 ```css */
 
-.columns {
+.columns,
+[data-is-toc] > ul,
+[data-is-toc] > ol {
   columns: 30ch auto; /* 2 cols max for 65ch container */
 
   /* Avoid breaking inside elements, such as nested lists */
@@ -441,6 +427,8 @@ code {
 
 /*```
 
+Table of contents (`[data-is-toc]`) has auto-columns by default.
+
 ### Auto-dark
 ```css */
 

package/assets/blades.theme.css

@@ -54,6 +54,11 @@ table {
 }
 
 [data-is-toc] {
+  font-size: 87.5%;
+
+  a {
+    text-decoration: none;
+  }
   > ul > * > a {
     font-weight: 500;
   }

package/blades.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "blades"
-  spec.version       = "0.27.0-beta.2"
+  spec.version       = "0.27.0-beta.3"
   spec.authors       = ["Anton Staroverov"]
 
   spec.summary       = "Framework-agnostic CSS utilities and single-file Liquid 'blades' for modern web development."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anydigital/blades",
-  "version": "0.27.0-beta.2",
+  "version": "0.27.0-beta.4",
   "description": "Framework-agnostic CSS utilities and single-file Liquid 'blades' for modern web development.",
   "style": "./assets/blades.css",
   "exports": {

package/src/_layout.css

@@ -28,20 +28,6 @@ body {
 }
 /*```
 
-### Table of contents
-```css */
-[data-is-toc] {
-  font-size: 87.5%;
-
-  a {
-    text-decoration: none;
-  }
-  > ul {
-    columns: 30ch auto; /* 2 cols max for 65ch container */
-  }
-}
-/*```
-
 ### Jump to top
 ```css */
 [data-jump-to="top"] {

package/src/_utilities.css

@@ -3,7 +3,9 @@
 
 ### Auto-columns
 ```css */
-.columns {
+.columns,
+[data-is-toc] > ul,
+[data-is-toc] > ol {
   columns: 30ch auto; /* 2 cols max for 65ch container */
 
   /* Avoid breaking inside elements, such as nested lists */
@@ -13,6 +15,8 @@
 }
 /*```
 
+Table of contents (`[data-is-toc]`) has auto-columns by default.
+
 ### Auto-dark
 ```css */
 @media (prefers-color-scheme: dark) {

package/src/blades.theme.css

@@ -54,6 +54,11 @@ table {
 }
 
 [data-is-toc] {
+  font-size: 87.5%;
+
+  a {
+    text-decoration: none;
+  }
   > ul > * > a {
     font-weight: 500;
   }