From 4eca33d93b424c54360b47e47b3b4fba33a5cf39 Mon Sep 17 00:00:00 2001 From: laddish <49431692+laddish@users.noreply.github.com> Date: Tue, 31 May 2022 20:57:57 +0800 Subject: [PATCH] fix(preset-wind): background-clip (#1040) Co-authored-by: Anthony Fu --- packages/preset-wind/src/rules/background.ts | 8 ++++---- test/__snapshots__/preset-wind.test.ts.snap | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/preset-wind/src/rules/background.ts b/packages/preset-wind/src/rules/background.ts index 562ed2966d..139ac56310 100644 --- a/packages/preset-wind/src/rules/background.ts +++ b/packages/preset-wind/src/rules/background.ts @@ -103,10 +103,10 @@ export const backgroundStyles: Rule[] = [ ['bg-scroll', { 'background-attachment': 'scroll' }], // clips - ['bg-clip-border', { '-webkit-background-clip': 'border-box', 'background-attachment': 'border-box' }], - ['bg-clip-content', { '-webkit-background-clip': 'content-box', 'background-attachment': 'content-box' }], - ['bg-clip-padding', { '-webkit-background-clip': 'padding-box', 'background-attachment': 'padding-box' }], - ['bg-clip-text', { '-webkit-background-clip': 'text', 'background-attachment': 'text' }], + ['bg-clip-border', { '-webkit-background-clip': 'border-box', 'background-clip': 'border-box' }], + ['bg-clip-content', { '-webkit-background-clip': 'content-box', 'background-clip': 'content-box' }], + ['bg-clip-padding', { '-webkit-background-clip': 'padding-box', 'background-clip': 'padding-box' }], + ['bg-clip-text', { '-webkit-background-clip': 'text', 'background-clip': 'text' }], // positions // skip 1 & 2 letters shortcut diff --git a/test/__snapshots__/preset-wind.test.ts.snap b/test/__snapshots__/preset-wind.test.ts.snap index 528dd836d3..9b9e26ec4d 100644 --- a/test/__snapshots__/preset-wind.test.ts.snap +++ b/test/__snapshots__/preset-wind.test.ts.snap @@ -252,8 +252,8 @@ exports[`preset-wind > targets 1`] = ` .bg-fixed{background-attachment:fixed;} .bg-local{background-attachment:local;} .bg-scroll{background-attachment:scroll;} -.bg-clip-border{-webkit-background-clip:border-box;background-attachment:border-box;} -.bg-clip-text{-webkit-background-clip:text;background-attachment:text;} +.bg-clip-border{-webkit-background-clip:border-box;background-clip:border-box;} +.bg-clip-text{-webkit-background-clip:text;background-clip:text;} .bg-bottom{background-position:bottom;} .bg-right-bottom{background-position:right bottom;} .bg-no-repeat{background-repeat:no-repeat;}