Add forced-colors-adjust utilities

lukewarlow · Oct 9, 2023 · 37b5312 · 37b5312
1 parent 31a80b1
commit 37b5312
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/corePlugins.js b/src/corePlugins.js
@@ -2875,4 +2875,10 @@ export let corePlugins = {
   content: createUtilityPlugin('content', [
     ['content', ['--tw-content', ['content', 'var(--tw-content)']]],
   ]),
+  forcedColorsAdjust: ({ addUtilities }) => {
+    addUtilities({
+      '.forced-colors-auto': { 'forced-colors-adjust': 'auto' },
+      '.forced-colors-none': { 'forced-colors-adjust': 'none' },
+    })
+  },
 }
diff --git a/tests/plugins/forcedColorsAdjust.test.js b/tests/plugins/forcedColorsAdjust.test.js
@@ -0,0 +1,10 @@
+import { css, quickPluginTest } from '../util/run'
+
+quickPluginTest('forcedColorsAdjust').toMatchFormattedCss(css`
+  .forced-colors-auto {
+    forced-color-adjust: auto;
+  }
+  .forced-colors-none {
+    forced-color-adjust: none;
+  }
+`)