@@ -322,11 +322,7 @@ describe('theme callbacks', () => {
322
322
323
323
expect ( compiler . build ( [ 'leading-base' , 'leading-md' , 'leading-xl' , 'prose' ] ) )
324
324
. toMatchInlineSnapshot ( `
325
- ":root, :host {
326
- --text-base: 100rem;
327
- --text-md--line-height: 101rem;
328
- }
329
- .prose {
325
+ ".prose {
330
326
[class~=lead-base] {
331
327
font-size: 100rem;
332
328
line-height: 201rem;
@@ -562,12 +558,7 @@ describe('default font family compatibility', () => {
562
558
} )
563
559
564
560
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
565
- ":root, :host {
566
- --default-font-family: Potato Sans;
567
- --default-font-feature-settings: normal;
568
- --default-font-variation-settings: normal;
569
- }
570
- .font-sans {
561
+ ".font-sans {
571
562
font-family: Potato Sans;
572
563
}
573
564
"
@@ -601,12 +592,7 @@ describe('default font family compatibility', () => {
601
592
} )
602
593
603
594
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
604
- ":root, :host {
605
- --default-font-family: Potato Sans;
606
- --default-font-feature-settings: "cv06";
607
- --default-font-variation-settings: normal;
608
- }
609
- .font-sans {
595
+ ".font-sans {
610
596
font-family: Potato Sans;
611
597
font-feature-settings: "cv06";
612
598
}
@@ -641,12 +627,7 @@ describe('default font family compatibility', () => {
641
627
} )
642
628
643
629
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
644
- ":root, :host {
645
- --default-font-family: Potato Sans;
646
- --default-font-feature-settings: normal;
647
- --default-font-variation-settings: "XHGT" 0.7;
648
- }
649
- .font-sans {
630
+ ".font-sans {
650
631
font-family: Potato Sans;
651
632
font-variation-settings: "XHGT" 0.7;
652
633
}
@@ -684,12 +665,7 @@ describe('default font family compatibility', () => {
684
665
} )
685
666
686
667
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
687
- ":root, :host {
688
- --default-font-family: Potato Sans;
689
- --default-font-feature-settings: "cv06";
690
- --default-font-variation-settings: "XHGT" 0.7;
691
- }
692
- .font-sans {
668
+ ".font-sans {
693
669
font-family: Potato Sans;
694
670
font-feature-settings: "cv06";
695
671
font-variation-settings: "XHGT" 0.7;
@@ -729,9 +705,6 @@ describe('default font family compatibility', () => {
729
705
730
706
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
731
707
":root, :host {
732
- --default-font-family: var(--font-family-sans);
733
- --default-font-feature-settings: var(--font-family-sans--font-feature-settings);
734
- --default-font-variation-settings: var(--font-family-sans--font-variation-settings);
735
708
--font-sans: Sandwich Sans;
736
709
}
737
710
.font-sans {
@@ -768,12 +741,7 @@ describe('default font family compatibility', () => {
768
741
} )
769
742
770
743
expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
771
- ":root, :host {
772
- --default-font-family: Inter, system-ui, sans-serif;
773
- --default-font-feature-settings: normal;
774
- --default-font-variation-settings: normal;
775
- }
776
- .font-sans {
744
+ ".font-sans {
777
745
font-family: Inter, system-ui, sans-serif;
778
746
}
779
747
"
@@ -806,14 +774,7 @@ describe('default font family compatibility', () => {
806
774
} ) ,
807
775
} )
808
776
809
- expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `
810
- ":root, :host {
811
- --default-font-family: var(--font-family-sans);
812
- --default-font-feature-settings: var(--font-family-sans--font-feature-settings);
813
- --default-font-variation-settings: var(--font-family-sans--font-variation-settings);
814
- }
815
- "
816
- ` )
777
+ expect ( compiler . build ( [ 'font-sans' ] ) ) . toMatchInlineSnapshot ( `""` )
817
778
} )
818
779
819
780
test ( 'overriding `fontFamily.mono` sets `--default-mono-font-family`' , async ( ) => {
@@ -841,12 +802,7 @@ describe('default font family compatibility', () => {
841
802
} )
842
803
843
804
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
844
- ":root, :host {
845
- --default-mono-font-family: Potato Mono;
846
- --default-mono-font-feature-settings: normal;
847
- --default-mono-font-variation-settings: normal;
848
- }
849
- .font-mono {
805
+ ".font-mono {
850
806
font-family: Potato Mono;
851
807
}
852
808
"
@@ -880,12 +836,7 @@ describe('default font family compatibility', () => {
880
836
} )
881
837
882
838
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
883
- ":root, :host {
884
- --default-mono-font-family: Potato Mono;
885
- --default-mono-font-feature-settings: "cv06";
886
- --default-mono-font-variation-settings: normal;
887
- }
888
- .font-mono {
839
+ ".font-mono {
889
840
font-family: Potato Mono;
890
841
font-feature-settings: "cv06";
891
842
}
@@ -920,12 +871,7 @@ describe('default font family compatibility', () => {
920
871
} )
921
872
922
873
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
923
- ":root, :host {
924
- --default-mono-font-family: Potato Mono;
925
- --default-mono-font-feature-settings: normal;
926
- --default-mono-font-variation-settings: "XHGT" 0.7;
927
- }
928
- .font-mono {
874
+ ".font-mono {
929
875
font-family: Potato Mono;
930
876
font-variation-settings: "XHGT" 0.7;
931
877
}
@@ -963,12 +909,7 @@ describe('default font family compatibility', () => {
963
909
} )
964
910
965
911
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
966
- ":root, :host {
967
- --default-mono-font-family: Potato Mono;
968
- --default-mono-font-feature-settings: "cv06";
969
- --default-mono-font-variation-settings: "XHGT" 0.7;
970
- }
971
- .font-mono {
912
+ ".font-mono {
972
913
font-family: Potato Mono;
973
914
font-feature-settings: "cv06";
974
915
font-variation-settings: "XHGT" 0.7;
@@ -1008,9 +949,6 @@ describe('default font family compatibility', () => {
1008
949
1009
950
expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
1010
951
":root, :host {
1011
- --default-mono-font-family: var(--font-mono);
1012
- --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
1013
- --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
1014
952
--font-mono: Sandwich Mono;
1015
953
}
1016
954
.font-mono {
@@ -1046,14 +984,7 @@ describe('default font family compatibility', () => {
1046
984
} ) ,
1047
985
} )
1048
986
1049
- expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `
1050
- ":root, :host {
1051
- --default-mono-font-family: var(--font-family-mono);
1052
- --default-mono-font-feature-settings: var(--font-family-mono--font-feature-settings);
1053
- --default-mono-font-variation-settings: var(--font-family-mono--font-variation-settings);
1054
- }
1055
- "
1056
- ` )
987
+ expect ( compiler . build ( [ 'font-mono' ] ) ) . toMatchInlineSnapshot ( `""` )
1057
988
} )
1058
989
} )
1059
990
@@ -1179,13 +1110,7 @@ test('merges css breakpoints with js config screens', async () => {
1179
1110
1180
1111
expect ( compiler . build ( [ 'sm:flex' , 'md:flex' , 'lg:flex' , 'min-sm:max-md:underline' ] ) )
1181
1112
. toMatchInlineSnapshot ( `
1182
- ":root, :host {
1183
- --breakpoint-md: 50rem;
1184
- --breakpoint-lg: 64rem;
1185
- --breakpoint-xl: 80rem;
1186
- --breakpoint-2xl: 96rem;
1187
- }
1188
- .sm\\:flex {
1113
+ ".sm\\:flex {
1189
1114
@media (width >= 44rem) {
1190
1115
display: flex;
1191
1116
}
@@ -1333,12 +1258,7 @@ test('Prefixes configured in CSS take precedence over those defined in JS config
1333
1258
)
1334
1259
1335
1260
expect ( compiler . build ( [ 'wat:custom' ] ) ) . toMatchInlineSnapshot ( `
1336
- ":root, :host {
1337
- --wat-color-red: #f00;
1338
- --wat-color-green: #0f0;
1339
- --wat-breakpoint-sm: 640px;
1340
- }
1341
- .wat\\:custom {
1261
+ ".wat\\:custom {
1342
1262
color: red;
1343
1263
}
1344
1264
"
0 commit comments