From 133ebf3ca05fd85e3c97277a0c8d9b227710c51f Mon Sep 17 00:00:00 2001 From: Jonny Date: Fri, 6 Dec 2024 21:02:58 +0000 Subject: [PATCH] Update documentation and add classes (#15724) --- extensions/tailwindcss/CHANGELOG.md | 19 +- extensions/tailwindcss/package.json | 3 +- extensions/tailwindcss/src/classes.json | 14 + .../src/documentation/tailwind-css.ts | 472 +++++++++--------- 4 files changed, 270 insertions(+), 238 deletions(-) diff --git a/extensions/tailwindcss/CHANGELOG.md b/extensions/tailwindcss/CHANGELOG.md index 312188997f6..854ffab7b81 100644 --- a/extensions/tailwindcss/CHANGELOG.md +++ b/extensions/tailwindcss/CHANGELOG.md @@ -1,5 +1,10 @@ # Tailwind CSS Changelog +## [Update documentation and add classes] - 2024-12-06 + +- Reformatted the documentation links to mirror the order and content of the Tailwind website as of v3.4 +- Added some more classes introduced in v3.4 like `Dynamic viewport units`, `Text Wrap` and `Subgrid` + ## [Add `size-` classes to the JSON file.] - 2024-08-20 - Updated classes file to support `size-` utilities introduced in Tailwind v3.4 @@ -13,37 +18,46 @@ - Fixed incorrect color sorting when querying colors. ## [Update] - 2023-09-06 + - Updated "Copy CSS" shortcut in Search Classes to cmd+shift+. - Updated Tailwind ## [Add a preference to display CSS spacing units in pixels] - 2023-09-03 ## [Allow for HEX value search] - 2023-07-22 + - Add HEX values as possible keyword for the `Search Colors` command ## [Add actions to copy color class names] - 2023-03-12 + - Add actions to copy colors as background, text and border class names for the `Search Colors` command ## [Default Action for Search Classes] - 2023-03-12 + - Add a preference to set the default action for the `Search Classes` command ## [Search Classes command improvements] - 2023-01-21 + - Search by class content instead of only by selector - Add an action to copy the class name ## [Updated CSS classes] - 2022-11-29 ## [Generate all CSS classes] - 2022-11-27 + - Generate all CSS classes for the `Search Classes` command ## [Fixed typo] - 2022-09-12 + - Renamed grid-col- to grid-cols ## [Search Colors and Components command] - 2022-06-27 + - Add `Search Colors` command - Add `Search Components` command ## [Search Classes command & Chores] - 2022-06-10 + - Update to the latest version of Raycast - Remove unnecessary dependencies - Add `Search Classes` command @@ -52,10 +66,13 @@ - Rename the extension to `Tailwind CSS` ## [Categories & Screenshots] - 2022-03-12 + - Add categories and screenshots for the store ## [Upgrade for Tailwind v3] - 2022-01-27 -- Update links for Tailwind v3 + +- Update links for Tailwind v3 ## [Added Tailwind CSS] - 2021-11-08 + - Initial version code diff --git a/extensions/tailwindcss/package.json b/extensions/tailwindcss/package.json index 44ed760f72a..fbae1be3d9e 100644 --- a/extensions/tailwindcss/package.json +++ b/extensions/tailwindcss/package.json @@ -5,7 +5,8 @@ "description": "Utilities to work with Tailwind CSS", "icon": "tailwind-icon.png", "author": "vimtor", - "contributors": ["cy-98", "emilsharier", "pernielsentikaer", "erich2s", "ridemountainpig", "jor"], + "contributors": ["cy-98", "emilsharier", "pernielsentikaer", "erich2s", "ridemountainpig", "jor", + "garrill"], "license": "MIT", "commands": [ { diff --git a/extensions/tailwindcss/src/classes.json b/extensions/tailwindcss/src/classes.json index 7ecf543ce4c..15a0f5f0948 100644 --- a/extensions/tailwindcss/src/classes.json +++ b/extensions/tailwindcss/src/classes.json @@ -1650,6 +1650,15 @@ { "selector": ".h-min", "classes": "height: -moz-min-content; height: min-content;" }, { "selector": ".h-px", "classes": "height: 1px;" }, { "selector": ".h-screen", "classes": "height: 100vh;" }, + { "selector": ".h-svh", "classes": "height: 100svh;" }, + { "selector": ".h-lvh", "classes": "height: 100lvh;" }, + { "selector": ".h-dvh", "classes": "height: 100dvh;" }, + { "selector": ".min-h-svh", "classes": "min-height: 100svh;" }, + { "selector": ".min-h-lvh", "classes": "min-height: 100lvh;" }, + { "selector": ".min-h-dvh", "classes": "min-height: 100dvh;" }, + { "selector": ".max-h-svh", "classes": "max-height: 100svh;" }, + { "selector": ".max-h-lvh", "classes": "max-height: 100lvh;" }, + { "selector": ".max-h-dvh", "classes": "max-height: 100dvh;" }, { "selector": ".max-h-0", "classes": "max-height: 0px;" }, { "selector": ".max-h-0.5", "classes": "max-height: 0.125rem;" }, { "selector": ".max-h-1", "classes": "max-height: 0.25rem;" }, @@ -4588,6 +4597,7 @@ { "selector": ".grid-cols-8", "classes": "grid-template-columns: repeat(8, minmax(0, 1fr));" }, { "selector": ".grid-cols-9", "classes": "grid-template-columns: repeat(9, minmax(0, 1fr));" }, { "selector": ".grid-cols-none", "classes": "grid-template-columns: none;" }, + { "selector": ".grid-cols-subgrid", "classes": "grid-template-columns: subgrid;" }, { "selector": ".grid-rows-1", "classes": "grid-template-rows: repeat(1, minmax(0, 1fr));" }, { "selector": ".grid-rows-2", "classes": "grid-template-rows: repeat(2, minmax(0, 1fr));" }, { "selector": ".grid-rows-3", "classes": "grid-template-rows: repeat(3, minmax(0, 1fr));" }, @@ -131544,6 +131554,10 @@ { "selector": ".text-justify", "classes": "text-align: justify;" }, { "selector": ".text-start", "classes": "text-align: start;" }, { "selector": ".text-end", "classes": "text-align: end;" }, + { "selector": ".text-wrap", "classes": "text-wrap: wrap;" }, + { "selector": ".text-nowrap", "classes": "text-wrap: nowrap;" }, + { "selector": ".text-balance", "classes": "text-wrap: balance;" }, + { "selector": ".text-pretty", "classes": "text-wrap: pretty;" }, { "selector": ".-indent-0", "classes": "text-indent: -0px;" }, { "selector": ".-indent-0.5", "classes": "text-indent: -0.125rem;" }, { "selector": ".-indent-1", "classes": "text-indent: -0.25rem;" }, diff --git a/extensions/tailwindcss/src/documentation/tailwind-css.ts b/extensions/tailwindcss/src/documentation/tailwind-css.ts index 0c78ebeb93a..3d368cc3b65 100644 --- a/extensions/tailwindcss/src/documentation/tailwind-css.ts +++ b/extensions/tailwindcss/src/documentation/tailwind-css.ts @@ -1,88 +1,84 @@ export default { "Getting Started": [ { - url: "https://tailwindcss.com/docs/browser-support", - title: "Browser Support", + url: "https://tailwindcss.com/docs/installation", + title: "Installation", }, { - url: "https://tailwindcss.com/docs/editor-support", - title: "Editor Support", + url: "https://tailwindcss.com/docs/editor-setup", + title: "Editor Setup", }, { - url: "https://tailwindcss.com/docs/installation", - title: "Installation", + url: "https://tailwindcss.com/docs/using-with-preprocessors", + title: "Using with Preprocessors", }, { url: "https://tailwindcss.com/docs/optimizing-for-production", title: "Optimizing for Production", }, { - url: "https://github.com/tailwindlabs/tailwindcss/releases", - title: "Release Notes", + url: "https://tailwindcss.com/docs/browser-support", + title: "Browser Support", }, { - url: "https://tailwindcss.com/docs/upgrading-to-v2", + url: "https://tailwindcss.com/docs/upgrade-guide", title: "Upgrade Guide", }, - { - url: "https://tailwindcss.com/docs/using-with-preprocessors", - title: "Using with Preprocessors", - }, ], "Core Concepts": [ { - url: "https://tailwindcss.com/docs/adding-base-styles", - title: "Adding Base Styles", + url: "https://tailwindcss.com/docs/utility-first", + title: "Utility-First Fundamentals", }, { - url: "https://tailwindcss.com/docs/adding-custom-styles", - title: "Adding Custom Styles", + url: "https://tailwindcss.com/docs/hover-focus-and-other-states", + title: "Hover, Focus, and Other States", }, { - url: "https://tailwindcss.com/docs/adding-new-utilities", - title: "Adding New Utilities", + url: "https://tailwindcss.com/docs/responsive-design", + title: "Responsive Design", }, { url: "https://tailwindcss.com/docs/dark-mode", title: "Dark Mode", }, { - url: "https://tailwindcss.com/docs/extracting-components", - title: "Extracting Components", + url: "https://tailwindcss.com/docs/reusing-styles", + title: "Reusing Styles", + }, + { + url: "https://tailwindcss.com/docs/adding-custom-styles", + title: "Adding Custom Styles", }, { url: "https://tailwindcss.com/docs/functions-and-directives", title: "Functions & Directives", }, + ], + Customization: [ { - url: "https://tailwindcss.com/docs/hover-focus-and-other-states", - title: "Hover, Focus, & Other States", + url: "https://tailwindcss.com/docs/configuration", + title: "Configuration", }, { - url: "https://tailwindcss.com/docs/responsive-design", - title: "Responsive Design", + url: "https://tailwindcss.com/docs/content-configuration", + title: "Content", }, { - url: "https://tailwindcss.com/docs/utility-first", - title: "Utility-First", + url: "https://tailwindcss.com/docs/theme", + title: "Theme", }, - ], - Customization: [ { - url: "https://tailwindcss.com/docs/breakpoints", - title: "Breakpoints", + url: "https://tailwindcss.com/docs/screens", + title: "Screens", }, { url: "https://tailwindcss.com/docs/customizing-colors", title: "Colors", }, { - url: "https://tailwindcss.com/docs/configuration", - title: "Configuration", - }, - { - url: "https://tailwindcss.com/docs/just-in-time-mode", - title: "Just-in-Time Mode", + url: "https://tailwindcss.com/docs/customizing-spacing", + title: "Spacing", }, { url: "https://tailwindcss.com/docs/plugins", @@ -92,18 +88,6 @@ export default { url: "https://tailwindcss.com/docs/presets", title: "Presets", }, - { - url: "https://tailwindcss.com/docs/customizing-spacing", - title: "Spacing", - }, - { - url: "https://tailwindcss.com/docs/theme", - title: "Theme", - }, - { - url: "https://tailwindcss.com/docs/configuring-variants", - title: "Variants", - }, ], "Base Styles": [ { @@ -117,12 +101,12 @@ export default { title: "Aspect Ratio", }, { - url: "https://tailwindcss.com/docs/box-decoration-break", - title: "Box Decoration Break", + url: "https://tailwindcss.com/docs/container", + title: "Container", }, { - url: "https://tailwindcss.com/docs/box-sizing", - title: "Box Sizing", + url: "https://tailwindcss.com/docs/columns", + title: "Columns", }, { url: "https://tailwindcss.com/docs/break-after", @@ -137,16 +121,12 @@ export default { title: "Break Inside", }, { - url: "https://tailwindcss.com/docs/clear", - title: "Clear", - }, - { - url: "https://tailwindcss.com/docs/columns", - title: "Columns", + url: "https://tailwindcss.com/docs/box-decoration-break", + title: "Box Decoration Break", }, { - url: "https://tailwindcss.com/docs/container", - title: "Container", + url: "https://tailwindcss.com/docs/box-sizing", + title: "Box Sizing", }, { url: "https://tailwindcss.com/docs/display", @@ -156,6 +136,10 @@ export default { url: "https://tailwindcss.com/docs/float", title: "Floats", }, + { + url: "https://tailwindcss.com/docs/clear", + title: "Clear", + }, { url: "https://tailwindcss.com/docs/isolation", title: "Isolation", @@ -193,27 +177,23 @@ export default { title: "Z-Index", }, ], - "Flexbox And Grid": [ + "Flexbox & Grid": [ { - url: "https://tailwindcss.com/docs/align-content", - title: "Align Content", + url: "https://tailwindcss.com/docs/flex-basis", + title: "Flex Basis", }, { - url: "https://tailwindcss.com/docs/align-items", - title: "Align Items", + url: "https://tailwindcss.com/docs/flex-direction", + title: "Flex Direction", }, { - url: "https://tailwindcss.com/docs/align-self", - title: "Align Self", + url: "https://tailwindcss.com/docs/flex-wrap", + title: "Flex Wrap", }, { url: "https://tailwindcss.com/docs/flex", title: "Flex", }, - { - url: "https://tailwindcss.com/docs/flex-direction", - title: "Flex Direction", - }, { url: "https://tailwindcss.com/docs/flex-grow", title: "Flex Grow", @@ -223,40 +203,40 @@ export default { title: "Flex Shrink", }, { - url: "https://tailwindcss.com/docs/flex-wrap", - title: "Flex Wrap", + url: "https://tailwindcss.com/docs/order", + title: "Order", }, { - url: "https://tailwindcss.com/docs/gap", - title: "Gap", + url: "https://tailwindcss.com/docs/grid-template-columns", + title: "Grid Template Columns", }, { - url: "https://tailwindcss.com/docs/grid-auto-columns", - title: "Grid Auto Columns", + url: "https://tailwindcss.com/docs/grid-column", + title: "Grid Column Start / End", }, { - url: "https://tailwindcss.com/docs/grid-auto-flow", - title: "Grid Auto Flow", + url: "https://tailwindcss.com/docs/grid-template-rows", + title: "Grid Template Rows", }, { - url: "https://tailwindcss.com/docs/grid-auto-rows", - title: "Grid Auto Rows", + url: "https://tailwindcss.com/docs/grid-row", + title: "Grid Row Start / End", }, { - url: "https://tailwindcss.com/docs/grid-column", - title: "Grid Column Start / End", + url: "https://tailwindcss.com/docs/grid-auto-flow", + title: "Grid Auto Flow", }, { - url: "https://tailwindcss.com/docs/grid-row", - title: "Grid Row Start / End", + url: "https://tailwindcss.com/docs/grid-auto-columns", + title: "Grid Auto Columns", }, { - url: "https://tailwindcss.com/docs/grid-template-columns", - title: "Grid Template Columns", + url: "https://tailwindcss.com/docs/grid-auto-rows", + title: "Grid Auto Rows", }, { - url: "https://tailwindcss.com/docs/grid-template-rows", - title: "Grid Template Rows", + url: "https://tailwindcss.com/docs/gap", + title: "Gap", }, { url: "https://tailwindcss.com/docs/justify-content", @@ -271,8 +251,16 @@ export default { title: "Justify Self", }, { - url: "https://tailwindcss.com/docs/order", - title: "Order", + url: "https://tailwindcss.com/docs/align-content", + title: "Align Content", + }, + { + url: "https://tailwindcss.com/docs/align-items", + title: "Align Items", + }, + { + url: "https://tailwindcss.com/docs/align-self", + title: "Align Self", }, { url: "https://tailwindcss.com/docs/place-content", @@ -288,14 +276,14 @@ export default { }, ], Spacing: [ - { - url: "https://tailwindcss.com/docs/margin", - title: "Margin", - }, { url: "https://tailwindcss.com/docs/padding", title: "Padding", }, + { + url: "https://tailwindcss.com/docs/margin", + title: "Margin", + }, { url: "https://tailwindcss.com/docs/space", title: "Space Between", @@ -303,28 +291,32 @@ export default { ], Sizing: [ { - url: "https://tailwindcss.com/docs/height", - title: "Height", + url: "https://tailwindcss.com/docs/width", + title: "Width", }, { - url: "https://tailwindcss.com/docs/max-height", - title: "Max-Height", + url: "https://tailwindcss.com/docs/min-width", + title: "Min-Width", }, { url: "https://tailwindcss.com/docs/max-width", title: "Max-Width", }, + { + url: "https://tailwindcss.com/docs/height", + title: "Height", + }, { url: "https://tailwindcss.com/docs/min-height", title: "Min-Height", }, { - url: "https://tailwindcss.com/docs/min-width", - title: "Min-Width", + url: "https://tailwindcss.com/docs/max-height", + title: "Max-Height", }, { - url: "https://tailwindcss.com/docs/width", - title: "Width", + url: "https://tailwindcss.com/docs/size", + title: "Size", }, ], Typography: [ @@ -344,22 +336,30 @@ export default { url: "https://tailwindcss.com/docs/font-style", title: "Font Style", }, - { - url: "https://tailwindcss.com/docs/font-variant-numeric", - title: "Font Variant Numeric", - }, { url: "https://tailwindcss.com/docs/font-weight", title: "Font Weight", }, + { + url: "https://tailwindcss.com/docs/font-variant-numeric", + title: "Font Variant Numeric", + }, { url: "https://tailwindcss.com/docs/letter-spacing", title: "Letter Spacing", }, + { + url: "https://tailwindcss.com/docs/line-clamp", + title: "Line Clamp", + }, { url: "https://tailwindcss.com/docs/line-height", title: "Line Height", }, + { + url: "https://tailwindcss.com/docs/list-style-image", + title: "List Style Image", + }, { url: "https://tailwindcss.com/docs/list-style-position", title: "List Style Position", @@ -368,14 +368,6 @@ export default { url: "https://tailwindcss.com/docs/list-style-type", title: "List Style Type", }, - { - url: "https://tailwindcss.com/docs/placeholder-color", - title: "Placeholder Color", - }, - { - url: "https://tailwindcss.com/docs/placeholder-opacity", - title: "Placeholder Opacity", - }, { url: "https://tailwindcss.com/docs/text-align", title: "Text Align", @@ -401,20 +393,24 @@ export default { title: "Text Decoration Thickness", }, { - url: "https://tailwindcss.com/docs/text-opacity", - title: "Text Opacity", + url: "https://tailwindcss.com/docs/text-underline-offset", + title: "Text Underline Offset", + }, + { + url: "https://tailwindcss.com/docs/text-transform", + title: "Text Transform", }, { url: "https://tailwindcss.com/docs/text-overflow", title: "Text Overflow", }, { - url: "https://tailwindcss.com/docs/text-transform", - title: "Text Transform", + url: "https://tailwindcss.com/docs/text-wrap", + title: "Text Wrap", }, { - url: "https://tailwindcss.com/docs/text-underline-offset", - title: "Text Underline Offset", + url: "https://tailwindcss.com/docs/text-indent", + title: "Text Indent", }, { url: "https://tailwindcss.com/docs/vertical-align", @@ -428,6 +424,14 @@ export default { url: "https://tailwindcss.com/docs/word-break", title: "Word Break", }, + { + url: "https://tailwindcss.com/docs/hyphens", + title: "Hyphens", + }, + { + url: "https://tailwindcss.com/docs/content", + title: "Content", + }, ], Backgrounds: [ { @@ -442,14 +446,6 @@ export default { url: "https://tailwindcss.com/docs/background-color", title: "Background Color", }, - { - url: "https://tailwindcss.com/docs/background-image", - title: "Background Image", - }, - { - url: "https://tailwindcss.com/docs/background-opacity", - title: "Background Opacity", - }, { url: "https://tailwindcss.com/docs/background-origin", title: "Background Origin", @@ -466,6 +462,10 @@ export default { url: "https://tailwindcss.com/docs/background-size", title: "Background Size", }, + { + url: "https://tailwindcss.com/docs/background-image", + title: "Background Image", + }, { url: "https://tailwindcss.com/docs/gradient-color-stops", title: "Gradient Color Stops", @@ -473,67 +473,67 @@ export default { ], Borders: [ { - url: "https://tailwindcss.com/docs/border-color", - title: "Border Color", + url: "https://tailwindcss.com/docs/border-radius", + title: "Border Radius", }, { - url: "https://tailwindcss.com/docs/border-opacity", - title: "Border Opacity", + url: "https://tailwindcss.com/docs/border-width", + title: "Border Width", }, { - url: "https://tailwindcss.com/docs/border-radius", - title: "Border Radius", + url: "https://tailwindcss.com/docs/border-color", + title: "Border Color", }, { url: "https://tailwindcss.com/docs/border-style", title: "Border Style", }, { - url: "https://tailwindcss.com/docs/border-width", - title: "Border Width", + url: "https://tailwindcss.com/docs/divide-width", + title: "Divide Width", }, { url: "https://tailwindcss.com/docs/divide-color", title: "Divide Color", }, - { - url: "https://tailwindcss.com/docs/divide-opacity", - title: "Divide Opacity", - }, { url: "https://tailwindcss.com/docs/divide-style", title: "Divide Style", }, { - url: "https://tailwindcss.com/docs/divide-width", - title: "Divide Width", - }, - { - url: "https://tailwindcss.com/docs/ring-color", - title: "Ring Color", + url: "https://tailwindcss.com/docs/outline-width", + title: "Outline Width", }, { - url: "https://tailwindcss.com/docs/ring-offset-color", - title: "Ring Offset Color", + url: "https://tailwindcss.com/docs/outline-color", + title: "Outline Color", }, { - url: "https://tailwindcss.com/docs/ring-offset-width", - title: "Ring Offset Width", + url: "https://tailwindcss.com/docs/outline-style", + title: "Outline Style", }, { - url: "https://tailwindcss.com/docs/ring-opacity", - title: "Ring Opacity", + url: "https://tailwindcss.com/docs/outline-offset", + title: "Outline Offset", }, { url: "https://tailwindcss.com/docs/ring-width", title: "Ring Width", }, - ], - Effects: [ { - url: "https://tailwindcss.com/docs/background-blend-mode", - title: "Background Blend Mode", + url: "https://tailwindcss.com/docs/ring-color", + title: "Ring Color", + }, + { + url: "https://tailwindcss.com/docs/ring-offset-width", + title: "Ring Offset Width", + }, + { + url: "https://tailwindcss.com/docs/ring-offset-color", + title: "Ring Offset Color", }, + ], + Effects: [ { url: "https://tailwindcss.com/docs/box-shadow", title: "Box Shadow", @@ -542,56 +542,20 @@ export default { url: "https://tailwindcss.com/docs/box-shadow-color", title: "Box Shadow Color", }, - { - url: "https://tailwindcss.com/docs/mix-blend-mode", - title: "Mix Blend Mode", - }, { url: "https://tailwindcss.com/docs/opacity", title: "Opacity", }, - ], - Filters: [ - { - url: "https://tailwindcss.com/docs/backdrop-blur", - title: "Backdrop Blur", - }, - { - url: "https://tailwindcss.com/docs/backdrop-brightness", - title: "Backdrop Brightness", - }, - { - url: "https://tailwindcss.com/docs/backdrop-contrast", - title: "Backdrop Contrast", - }, - { - url: "https://tailwindcss.com/docs/backdrop-filter", - title: "Backdrop Filter", - }, - { - url: "https://tailwindcss.com/docs/backdrop-grayscale", - title: "Backdrop Grayscale", - }, - { - url: "https://tailwindcss.com/docs/backdrop-hue-rotate", - title: "Backdrop Hue Rotate", - }, - { - url: "https://tailwindcss.com/docs/backdrop-invert", - title: "Backdrop Invert", - }, - { - url: "https://tailwindcss.com/docs/backdrop-opacity", - title: "Backdrop Opacity", - }, { - url: "https://tailwindcss.com/docs/backdrop-saturate", - title: "Backdrop Saturate", + url: "https://tailwindcss.com/docs/mix-blend-mode", + title: "Mix Blend Mode", }, { - url: "https://tailwindcss.com/docs/backdrop-sepia", - title: "Backdrop Sepia", + url: "https://tailwindcss.com/docs/background-blend-mode", + title: "Background Blend Mode", }, + ], + Filters: [ { url: "https://tailwindcss.com/docs/blur", title: "Blur", @@ -608,10 +572,6 @@ export default { url: "https://tailwindcss.com/docs/drop-shadow", title: "Drop Shadow", }, - { - url: "https://tailwindcss.com/docs/filter", - title: "Filter", - }, { url: "https://tailwindcss.com/docs/grayscale", title: "Grayscale", @@ -632,52 +592,84 @@ export default { url: "https://tailwindcss.com/docs/sepia", title: "Sepia", }, + { + url: "https://tailwindcss.com/docs/backdrop-blur", + title: "Backdrop Blur", + }, + { + url: "https://tailwindcss.com/docs/backdrop-brightness", + title: "Backdrop Brightness", + }, + { + url: "https://tailwindcss.com/docs/backdrop-contrast", + title: "Backdrop Contrast", + }, + { + url: "https://tailwindcss.com/docs/backdrop-grayscale", + title: "Backdrop Grayscale", + }, + { + url: "https://tailwindcss.com/docs/backdrop-hue-rotate", + title: "Backdrop Hue Rotate", + }, + { + url: "https://tailwindcss.com/docs/backdrop-invert", + title: "Backdrop Invert", + }, + { + url: "https://tailwindcss.com/docs/backdrop-opacity", + title: "Backdrop Opacity", + }, + { + url: "https://tailwindcss.com/docs/backdrop-saturate", + title: "Backdrop Saturate", + }, + { + url: "https://tailwindcss.com/docs/backdrop-sepia", + title: "Backdrop Sepia", + }, ], Tables: [ { url: "https://tailwindcss.com/docs/border-collapse", title: "Border Collapse", }, + { + url: "https://tailwindcss.com/docs/border-spacing", + title: "Border Spacing", + }, { url: "https://tailwindcss.com/docs/table-layout", title: "Table Layout", }, - ], - "Transitions And Animation": [ { - url: "https://tailwindcss.com/docs/animation", - title: "Animation", + url: "https://tailwindcss.com/docs/caption-side", + title: "Caption Side", }, + ], + "Transitions and Animation": [ { - url: "https://tailwindcss.com/docs/transition-delay", - title: "Transition Delay", + url: "https://tailwindcss.com/docs/transition-property", + title: "Transition Property", }, { url: "https://tailwindcss.com/docs/transition-duration", title: "Transition Duration", }, - { - url: "https://tailwindcss.com/docs/transition-property", - title: "Transition Property", - }, { url: "https://tailwindcss.com/docs/transition-timing-function", title: "Transition Timing Function", }, - ], - Transforms: [ - { - url: "https://tailwindcss.com/docs/rotate", - title: "Rotate", - }, { - url: "https://tailwindcss.com/docs/scale", - title: "Scale", + url: "https://tailwindcss.com/docs/transition-delay", + title: "Transition Delay", }, { - url: "https://tailwindcss.com/docs/skew", - title: "Skew", + url: "https://tailwindcss.com/docs/animation", + title: "Animation", }, + ], + Transforms: [ { url: "https://tailwindcss.com/docs/transform", title: "Transform", @@ -686,32 +678,36 @@ export default { url: "https://tailwindcss.com/docs/transform-origin", title: "Transform Origin", }, + { + url: "https://tailwindcss.com/docs/scale", + title: "Scale", + }, + { + url: "https://tailwindcss.com/docs/rotate", + title: "Rotate", + }, { url: "https://tailwindcss.com/docs/translate", title: "Translate", }, - ], - Interactivity: [ { - url: "https://tailwindcss.com/docs/accent-color", - title: "Accent Color", + url: "https://tailwindcss.com/docs/skew", + title: "Skew", }, { - url: "https://tailwindcss.com/docs/appearance", - title: "Appearance", + url: "https://tailwindcss.com/docs/perspective", + title: "Perspective", }, + ], + Interactivity: [ { - url: "https://tailwindcss.com/docs/caret-color", - title: "Caret Color", + url: "https://tailwindcss.com/docs/appearance", + title: "Appearance", }, { url: "https://tailwindcss.com/docs/cursor", title: "Cursor", }, - { - url: "https://tailwindcss.com/docs/outline", - title: "Outline", - }, { url: "https://tailwindcss.com/docs/pointer-events", title: "Pointer Events", @@ -776,6 +772,10 @@ export default { url: "https://tailwindcss.com/docs/screen-readers", title: "Screen Readers", }, + { + url: "https://tailwindcss.com/docs/forced-color-adjust", + title: "Forced Color Adjust", + }, ], "Official Plugins": [ {