From 201a392f91637bce613e3b81068bc941ffceef28 Mon Sep 17 00:00:00 2001 From: Maxwell Barvian Date: Sun, 15 Sep 2024 05:30:05 -0700 Subject: [PATCH] Simplify TOC --- site/pages/_Layout.astro | 2 +- site/pages/index.mdx | 34 +++++++++++++++++----------------- 2 files changed, 18 insertions(+), 18 deletions(-) diff --git a/site/pages/_Layout.astro b/site/pages/_Layout.astro index f5a767d..24cf53a 100644 --- a/site/pages/_Layout.astro +++ b/site/pages/_Layout.astro @@ -168,7 +168,7 @@ const path = relative(root, file)
- + h.slug !== 'features')} client:load />
diff --git a/site/pages/index.mdx b/site/pages/index.mdx index d1b4f45..4b9ca53 100644 --- a/site/pages/index.mdx +++ b/site/pages/index.mdx @@ -181,6 +181,23 @@ export default { } ``` +### Fluid type accessibility checks + +By default, the plugin will not generate fluid type that [would fail WCAG Success Criterion 1.4.4](https://www.smashingmagazine.com/2023/11/addressing-accessibility-concerns-fluid-type/). +You can configure this with the `checkSC144` option: + +```js title="tailwind.config.js" ins={6} +// ... +export default { + // ... + plugins: [ + fluid({ + checkSC144: false // default: true + }) + ] +} +``` + ## Advanced ### Customize breakpoints per-utility @@ -268,23 +285,6 @@ export default { } ``` -### Fluid type accessibility errors - -By default, the plugin will not generate fluid type that [would fail WCAG Success Criterion 1.4.4](https://www.smashingmagazine.com/2023/11/addressing-accessibility-concerns-fluid-type/). -You can configure this with the `checkSC144` option: - -```js title="tailwind.config.js" ins={6} -// ... -export default { - // ... - plugins: [ - fluid({ - checkSC144: false // default: true - }) - ] -} -``` - ### Combining with media queries To really get crazy, you can combine fluid utilities with