diff --git a/test/__snapshots__/postprocess.test.ts.snap b/test/__snapshots__/postprocess.test.ts.snap index f384f32..147cb80 100644 --- a/test/__snapshots__/postprocess.test.ts.snap +++ b/test/__snapshots__/postprocess.test.ts.snap @@ -2,12 +2,12 @@ exports[`presetUseful postprocess with unColor > base 1`] = ` "/* layer: default */ -.bg-red{--un-color:248,113,113;--un-bg-opacity:1;background-color:rgba(var(--un-color),var(--un-bg-opacity));} -.text-blue{--un-color:96,165,250;--un-text-opacity:1;color:rgba(var(--un-color),var(--un-text-opacity));}" +.bg-red{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));} +.text-blue{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}" `; exports[`presetUseful postprocess with unColor > with any string 1`] = ` "/* layer: default */ -.bg-red{--test-color:248,113,113;--un-bg-opacity:1;background-color:rgba(var(--test-color),var(--un-bg-opacity));} -.text-blue{--test-color:96,165,250;--un-text-opacity:1;color:rgba(var(--test-color),var(--un-text-opacity));}" +.bg-red{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));} +.text-blue{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}" `; diff --git a/test/postprocess.test.ts b/test/postprocess.test.ts index 7301063..8785690 100644 --- a/test/postprocess.test.ts +++ b/test/postprocess.test.ts @@ -50,9 +50,9 @@ describe('presetUseful postprocess with important', () => { expect(css).toMatchInlineSnapshot(` "/* layer: default */ .important-ma{margin:auto !important;} - .bg-red{--un-bg-opacity:1 !important;background-color:rgba(248,113,113,var(--un-bg-opacity)) !important;} + .bg-red{--un-bg-opacity:1 !important;background-color:rgb(248 113 113 / var(--un-bg-opacity)) !important;} .\\\\!text-xl{font-size:1.25rem !important;line-height:1.75rem !important;} - .text-blue{--un-text-opacity:1 !important;color:rgba(96,165,250,var(--un-text-opacity)) !important;} + .text-blue{--un-text-opacity:1 !important;color:rgb(96 165 250 / var(--un-text-opacity)) !important;} @media (min-width: 640px){ .sm\\\\:text-sm\\\\!{font-size:0.875rem !important;line-height:1.25rem !important;} }"