From ce74a3cef7c30892acb87365c97b09f11acf6a60 Mon Sep 17 00:00:00 2001 From: Clement Chang <16722967+clementinelove@users.noreply.github.com> Date: Tue, 20 Feb 2024 19:07:13 +0000 Subject: [PATCH] Add `mix-blend-plus-darker` utility (#12923) * feat: add plus-darker support for mix-blend-mode * Fix failing test * Update changelog * Formatting --------- Co-authored-by: Jonathan Reinink --- CHANGELOG.md | 3 ++- src/corePlugins.js | 1 + tests/plugins/__snapshots__/mixBlendMode.test.js.snap | 4 ++++ 3 files changed, 7 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 71b9129d73dc..c4e04f9b0e9f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,10 +9,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Fixed -- Ensure max specificity of `0,0,1` for button and input Preflight rules ([#12735](https://github.com/tailwindlabs/tailwindcss/pull/12735)) +- Ensure max specificity of `0,0,1` for button and input Preflight rules ([#12735](https://github.com/tailwindlabs/tailwindcss/pull/12735)) - Improve glob handling for folders with `(`, `)`, `[` or `]` in the file path ([#12715](https://github.com/tailwindlabs/tailwindcss/pull/12715)) - Split `:has` rules when using `experimental.optimizeUniversalDefaults` ([#12736](https://github.com/tailwindlabs/tailwindcss/pull/12736)) - Sort arbitrary properties alphabetically across multiple class lists ([#12911](https://github.com/tailwindlabs/tailwindcss/pull/12911)) +- Add `mix-blend-plus-darker` utility ([#12923](https://github.com/tailwindlabs/tailwindcss/pull/12923)) ### Added diff --git a/src/corePlugins.js b/src/corePlugins.js index 91da1fc0b2e5..2c212d809efb 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -2378,6 +2378,7 @@ export let corePlugins = { '.mix-blend-saturation': { 'mix-blend-mode': 'saturation' }, '.mix-blend-color': { 'mix-blend-mode': 'color' }, '.mix-blend-luminosity': { 'mix-blend-mode': 'luminosity' }, + '.mix-blend-plus-darker': { 'mix-blend-mode': 'plus-darker' }, '.mix-blend-plus-lighter': { 'mix-blend-mode': 'plus-lighter' }, }) }, diff --git a/tests/plugins/__snapshots__/mixBlendMode.test.js.snap b/tests/plugins/__snapshots__/mixBlendMode.test.js.snap index c8be25be0cd0..786d86ec62fe 100644 --- a/tests/plugins/__snapshots__/mixBlendMode.test.js.snap +++ b/tests/plugins/__snapshots__/mixBlendMode.test.js.snap @@ -66,6 +66,10 @@ exports[`should test the 'mixBlendMode' plugin 1`] = ` mix-blend-mode: luminosity; } +.mix-blend-plus-darker { + mix-blend-mode: plus-darker; +} + .mix-blend-plus-lighter { mix-blend-mode: plus-lighter; }