@@ -322,7 +322,7 @@ describe('theme callbacks', () => {
322322
323323 expect ( compiler . build ( [ 'leading-base' , 'leading-md' , 'leading-xl' , 'prose' ] ) )
324324 . toMatchInlineSnapshot ( `
325- ":root {
325+ ":root, :host {
326326 --text-base: 100rem;
327327 --text-md--line-height: 101rem;
328328 }
@@ -391,7 +391,7 @@ describe('theme overrides order', () => {
391391 } )
392392
393393 expect ( compiler . build ( [ 'bg-red' , 'bg-blue' ] ) ) . toMatchInlineSnapshot ( `
394- ":root {
394+ ":root, :host {
395395 --color-blue: blue;
396396 }
397397 .bg-blue {
@@ -477,7 +477,7 @@ describe('theme overrides order', () => {
477477 'hover-bg-slate-600' ,
478478 ] ) ,
479479 ) . toMatchInlineSnapshot ( `
480- ":root {
480+ ":root, :host {
481481 --color-slate-100: #000100;
482482 --color-slate-300: #000300;
483483 --color-slate-400: #100400;
@@ -562,7 +562,7 @@ describe('default font family compatibility', () => {
562562 } )
563563
564564 expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
565- ":root {
565+ ":root, :host {
566566 --default-font-family: Potato Sans;
567567 --default-font-feature-settings: normal;
568568 --default-font-variation-settings: normal;
@@ -601,7 +601,7 @@ describe('default font family compatibility', () => {
601601 } )
602602
603603 expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
604- ":root {
604+ ":root, :host {
605605 --default-font-family: Potato Sans;
606606 --default-font-feature-settings: "cv06";
607607 --default-font-variation-settings: normal;
@@ -641,7 +641,7 @@ describe('default font family compatibility', () => {
641641 } )
642642
643643 expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
644- ":root {
644+ ":root, :host {
645645 --default-font-family: Potato Sans;
646646 --default-font-feature-settings: normal;
647647 --default-font-variation-settings: "XHGT" 0.7;
@@ -684,7 +684,7 @@ describe('default font family compatibility', () => {
684684 } )
685685
686686 expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
687- ":root {
687+ ":root, :host {
688688 --default-font-family: Potato Sans;
689689 --default-font-feature-settings: "cv06";
690690 --default-font-variation-settings: "XHGT" 0.7;
@@ -728,7 +728,7 @@ describe('default font family compatibility', () => {
728728 } )
729729
730730 expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
731- ":root {
731+ ":root, :host {
732732 --default-font-family: var(--font-family-sans);
733733 --default-font-feature-settings: var(--font-family-sans--font-feature-settings);
734734 --default-font-variation-settings: var(--font-family-sans--font-variation-settings);
@@ -768,7 +768,7 @@ describe('default font family compatibility', () => {
768768 } )
769769
770770 expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
771- ":root {
771+ ":root, :host {
772772 --default-font-family: Inter, system-ui, sans-serif;
773773 --default-font-feature-settings: normal;
774774 --default-font-variation-settings: normal;
@@ -807,7 +807,7 @@ describe('default font family compatibility', () => {
807807 } )
808808
809809 expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
810- ":root {
810+ ":root, :host {
811811 --default-font-family: var(--font-family-sans);
812812 --default-font-feature-settings: var(--font-family-sans--font-feature-settings);
813813 --default-font-variation-settings: var(--font-family-sans--font-variation-settings);
@@ -841,7 +841,7 @@ describe('default font family compatibility', () => {
841841 } )
842842
843843 expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
844- ":root {
844+ ":root, :host {
845845 --default-mono-font-family: Potato Mono;
846846 --default-mono-font-feature-settings: normal;
847847 --default-mono-font-variation-settings: normal;
@@ -880,7 +880,7 @@ describe('default font family compatibility', () => {
880880 } )
881881
882882 expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
883- ":root {
883+ ":root, :host {
884884 --default-mono-font-family: Potato Mono;
885885 --default-mono-font-feature-settings: "cv06";
886886 --default-mono-font-variation-settings: normal;
@@ -920,7 +920,7 @@ describe('default font family compatibility', () => {
920920 } )
921921
922922 expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
923- ":root {
923+ ":root, :host {
924924 --default-mono-font-family: Potato Mono;
925925 --default-mono-font-feature-settings: normal;
926926 --default-mono-font-variation-settings: "XHGT" 0.7;
@@ -963,7 +963,7 @@ describe('default font family compatibility', () => {
963963 } )
964964
965965 expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
966- ":root {
966+ ":root, :host {
967967 --default-mono-font-family: Potato Mono;
968968 --default-mono-font-feature-settings: "cv06";
969969 --default-mono-font-variation-settings: "XHGT" 0.7;
@@ -1007,7 +1007,7 @@ describe('default font family compatibility', () => {
10071007 } )
10081008
10091009 expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
1010- ":root {
1010+ ":root, :host {
10111011 --default-mono-font-family: var(--font-mono);
10121012 --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
10131013 --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
@@ -1047,7 +1047,7 @@ describe('default font family compatibility', () => {
10471047 } )
10481048
10491049 expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
1050- ":root {
1050+ ":root, :host {
10511051 --default-mono-font-family: var(--font-family-mono);
10521052 --default-mono-font-feature-settings: var(--font-family-mono--font-feature-settings);
10531053 --default-mono-font-variation-settings: var(--font-family-mono--font-variation-settings);
@@ -1179,7 +1179,7 @@ test('merges css breakpoints with js config screens', async () => {
11791179
11801180 expect ( compiler . build ( [ 'sm:flex' , 'md:flex' , 'lg:flex' , 'min-sm:max-md:underline' ] ) )
11811181 . toMatchInlineSnapshot ( `
1182- ":root {
1182+ ":root, :host {
11831183 --breakpoint-md: 50rem;
11841184 --breakpoint-lg: 64rem;
11851185 --breakpoint-xl: 80rem;
@@ -1333,7 +1333,7 @@ test('Prefixes configured in CSS take precedence over those defined in JS config
13331333 )
13341334
13351335 expect ( compiler . build ( [ 'wat:custom' ] ) ) . toMatchInlineSnapshot ( `
1336- ":root {
1336+ ":root, :host {
13371337 --wat-color-red: #f00;
13381338 --wat-color-green: #0f0;
13391339 --wat-breakpoint-sm: 640px;
0 commit comments