@@ -322,7 +322,7 @@ describe('theme callbacks', () => {
322
322
323
323
expect ( compiler . build ( [ 'leading-base' , 'leading-md' , 'leading-xl' , 'prose' ] ) )
324
324
. toMatchInlineSnapshot ( `
325
- ":root {
325
+ ":root, :host {
326
326
--text-base: 100rem;
327
327
--text-md--line-height: 101rem;
328
328
}
@@ -391,7 +391,7 @@ describe('theme overrides order', () => {
391
391
} )
392
392
393
393
expect ( compiler . build ( [ 'bg-red' , 'bg-blue' ] ) ) . toMatchInlineSnapshot ( `
394
- ":root {
394
+ ":root, :host {
395
395
--color-blue: blue;
396
396
}
397
397
.bg-blue {
@@ -477,7 +477,7 @@ describe('theme overrides order', () => {
477
477
'hover-bg-slate-600' ,
478
478
] ) ,
479
479
) . toMatchInlineSnapshot ( `
480
- ":root {
480
+ ":root, :host {
481
481
--color-slate-100: #000100;
482
482
--color-slate-300: #000300;
483
483
--color-slate-400: #100400;
@@ -562,7 +562,7 @@ describe('default font family compatibility', () => {
562
562
} )
563
563
564
564
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
565
- ":root {
565
+ ":root, :host {
566
566
--default-font-family: Potato Sans;
567
567
--default-font-feature-settings: normal;
568
568
--default-font-variation-settings: normal;
@@ -601,7 +601,7 @@ describe('default font family compatibility', () => {
601
601
} )
602
602
603
603
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
604
- ":root {
604
+ ":root, :host {
605
605
--default-font-family: Potato Sans;
606
606
--default-font-feature-settings: "cv06";
607
607
--default-font-variation-settings: normal;
@@ -641,7 +641,7 @@ describe('default font family compatibility', () => {
641
641
} )
642
642
643
643
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
644
- ":root {
644
+ ":root, :host {
645
645
--default-font-family: Potato Sans;
646
646
--default-font-feature-settings: normal;
647
647
--default-font-variation-settings: "XHGT" 0.7;
@@ -684,7 +684,7 @@ describe('default font family compatibility', () => {
684
684
} )
685
685
686
686
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
687
- ":root {
687
+ ":root, :host {
688
688
--default-font-family: Potato Sans;
689
689
--default-font-feature-settings: "cv06";
690
690
--default-font-variation-settings: "XHGT" 0.7;
@@ -728,7 +728,7 @@ describe('default font family compatibility', () => {
728
728
} )
729
729
730
730
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
731
- ":root {
731
+ ":root, :host {
732
732
--default-font-family: var(--font-family-sans);
733
733
--default-font-feature-settings: var(--font-family-sans--font-feature-settings);
734
734
--default-font-variation-settings: var(--font-family-sans--font-variation-settings);
@@ -768,7 +768,7 @@ describe('default font family compatibility', () => {
768
768
} )
769
769
770
770
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
771
- ":root {
771
+ ":root, :host {
772
772
--default-font-family: Inter, system-ui, sans-serif;
773
773
--default-font-feature-settings: normal;
774
774
--default-font-variation-settings: normal;
@@ -807,7 +807,7 @@ describe('default font family compatibility', () => {
807
807
} )
808
808
809
809
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
810
- ":root {
810
+ ":root, :host {
811
811
--default-font-family: var(--font-family-sans);
812
812
--default-font-feature-settings: var(--font-family-sans--font-feature-settings);
813
813
--default-font-variation-settings: var(--font-family-sans--font-variation-settings);
@@ -841,7 +841,7 @@ describe('default font family compatibility', () => {
841
841
} )
842
842
843
843
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
844
- ":root {
844
+ ":root, :host {
845
845
--default-mono-font-family: Potato Mono;
846
846
--default-mono-font-feature-settings: normal;
847
847
--default-mono-font-variation-settings: normal;
@@ -880,7 +880,7 @@ describe('default font family compatibility', () => {
880
880
} )
881
881
882
882
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
883
- ":root {
883
+ ":root, :host {
884
884
--default-mono-font-family: Potato Mono;
885
885
--default-mono-font-feature-settings: "cv06";
886
886
--default-mono-font-variation-settings: normal;
@@ -920,7 +920,7 @@ describe('default font family compatibility', () => {
920
920
} )
921
921
922
922
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
923
- ":root {
923
+ ":root, :host {
924
924
--default-mono-font-family: Potato Mono;
925
925
--default-mono-font-feature-settings: normal;
926
926
--default-mono-font-variation-settings: "XHGT" 0.7;
@@ -963,7 +963,7 @@ describe('default font family compatibility', () => {
963
963
} )
964
964
965
965
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
966
- ":root {
966
+ ":root, :host {
967
967
--default-mono-font-family: Potato Mono;
968
968
--default-mono-font-feature-settings: "cv06";
969
969
--default-mono-font-variation-settings: "XHGT" 0.7;
@@ -1007,7 +1007,7 @@ describe('default font family compatibility', () => {
1007
1007
} )
1008
1008
1009
1009
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
1010
- ":root {
1010
+ ":root, :host {
1011
1011
--default-mono-font-family: var(--font-mono);
1012
1012
--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
1013
1013
--default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
@@ -1047,7 +1047,7 @@ describe('default font family compatibility', () => {
1047
1047
} )
1048
1048
1049
1049
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
1050
- ":root {
1050
+ ":root, :host {
1051
1051
--default-mono-font-family: var(--font-family-mono);
1052
1052
--default-mono-font-feature-settings: var(--font-family-mono--font-feature-settings);
1053
1053
--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 () => {
1179
1179
1180
1180
expect ( compiler . build ( [ 'sm:flex' , 'md:flex' , 'lg:flex' , 'min-sm:max-md:underline' ] ) )
1181
1181
. toMatchInlineSnapshot ( `
1182
- ":root {
1182
+ ":root, :host {
1183
1183
--breakpoint-md: 50rem;
1184
1184
--breakpoint-lg: 64rem;
1185
1185
--breakpoint-xl: 80rem;
@@ -1333,7 +1333,7 @@ test('Prefixes configured in CSS take precedence over those defined in JS config
1333
1333
)
1334
1334
1335
1335
expect ( compiler . build ( [ 'wat:custom' ] ) ) . toMatchInlineSnapshot ( `
1336
- ":root {
1336
+ ":root, :host {
1337
1337
--wat-color-red: #f00;
1338
1338
--wat-color-green: #0f0;
1339
1339
--wat-breakpoint-sm: 640px;
0 commit comments