Skip to content

Commit 141ef6a

Browse files
stevecochranestevecochrane
committed
Add test coverage for custom theme variable for margin
1 parent 5f10dd2 commit 141ef6a

File tree

3 files changed

+84
-0
lines changed

3 files changed

+84
-0
lines changed

‎tests/output/allPlugins.js‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1459,6 +1459,9 @@ module.exports = `
14591459
.-mli-px {
14601460
margin-inline: calc(1px * -1);
14611461
}
1462+
.-mli-theme-variable {
1463+
margin-inline: calc(calc(var(--spacing) * 35) * -1);
1464+
}
14621465
.mli-0 {
14631466
margin-inline: calc(var(--spacing) * 0);
14641467
}
@@ -1567,6 +1570,9 @@ module.exports = `
15671570
.mli-px {
15681571
margin-inline: 1px;
15691572
}
1573+
.mli-theme-variable {
1574+
margin-inline: calc(var(--spacing) * 35);
1575+
}
15701576
.-mlb-0 {
15711577
margin-block: calc(calc(var(--spacing) * 0) * -1);
15721578
}
@@ -1672,6 +1678,9 @@ module.exports = `
16721678
.-mlb-px {
16731679
margin-block: calc(1px * -1);
16741680
}
1681+
.-mlb-theme-variable {
1682+
margin-block: calc(calc(var(--spacing) * 35) * -1);
1683+
}
16751684
.mlb-0 {
16761685
margin-block: calc(var(--spacing) * 0);
16771686
}
@@ -1780,6 +1789,9 @@ module.exports = `
17801789
.mlb-px {
17811790
margin-block: 1px;
17821791
}
1792+
.mlb-theme-variable {
1793+
margin-block: calc(var(--spacing) * 35);
1794+
}
17831795
.-space-i-0 {
17841796
& > :not(:last-child) {
17851797
--tw-space-i-reverse: 0;
@@ -2375,6 +2387,9 @@ module.exports = `
23752387
.-mis-px {
23762388
margin-inline-start: calc(1px * -1);
23772389
}
2390+
.-mis-theme-variable {
2391+
margin-inline-start: calc(calc(var(--spacing) * 35) * -1);
2392+
}
23782393
.mis-0 {
23792394
margin-inline-start: calc(var(--spacing) * 0);
23802395
}
@@ -2483,6 +2498,9 @@ module.exports = `
24832498
.mis-px {
24842499
margin-inline-start: 1px;
24852500
}
2501+
.mis-theme-variable {
2502+
margin-inline-start: calc(var(--spacing) * 35);
2503+
}
24862504
.-mie-0 {
24872505
margin-inline-end: calc(calc(var(--spacing) * 0) * -1);
24882506
}
@@ -2588,6 +2606,9 @@ module.exports = `
25882606
.-mie-px {
25892607
margin-inline-end: calc(1px * -1);
25902608
}
2609+
.-mie-theme-variable {
2610+
margin-inline-end: calc(calc(var(--spacing) * 35) * -1);
2611+
}
25912612
.mie-0 {
25922613
margin-inline-end: calc(var(--spacing) * 0);
25932614
}
@@ -2696,6 +2717,9 @@ module.exports = `
26962717
.mie-px {
26972718
margin-inline-end: 1px;
26982719
}
2720+
.mie-theme-variable {
2721+
margin-inline-end: calc(var(--spacing) * 35);
2722+
}
26992723
.resize-block {
27002724
resize: block;
27012725
}
@@ -4870,6 +4894,9 @@ module.exports = `
48704894
.-mbe-px {
48714895
margin-block-end: calc(1px * -1);
48724896
}
4897+
.-mbe-theme-variable {
4898+
margin-block-end: calc(calc(var(--spacing) * 35) * -1);
4899+
}
48734900
.-mbs-0 {
48744901
margin-block-start: calc(calc(var(--spacing) * 0) * -1);
48754902
}
@@ -4975,6 +5002,9 @@ module.exports = `
49755002
.-mbs-px {
49765003
margin-block-start: calc(1px * -1);
49775004
}
5005+
.-mbs-theme-variable {
5006+
margin-block-start: calc(calc(var(--spacing) * 35) * -1);
5007+
}
49785008
.block-end-0 {
49795009
inset-block-end: calc(var(--spacing) * 0);
49805010
}
@@ -6611,6 +6641,9 @@ module.exports = `
66116641
.mbe-px {
66126642
margin-block-end: 1px;
66136643
}
6644+
.mbe-theme-variable {
6645+
margin-block-end: calc(var(--spacing) * 35);
6646+
}
66146647
.mbs-0 {
66156648
margin-block-start: calc(var(--spacing) * 0);
66166649
}
@@ -6719,6 +6752,9 @@ module.exports = `
67196752
.mbs-px {
67206753
margin-block-start: 1px;
67216754
}
6755+
.mbs-theme-variable {
6756+
margin-block-start: calc(var(--spacing) * 35);
6757+
}
67226758
.min-bs-0 {
67236759
min-block-size: calc(var(--spacing) * 0);
67246760
}

‎tests/output/margin.js‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -338,6 +338,9 @@ module.exports = `
338338
.-mli-px {
339339
margin-inline: calc(1px * -1);
340340
}
341+
.-mli-theme-variable {
342+
margin-inline: calc(calc(var(--spacing) * 35) * -1);
343+
}
341344
.mli-0 {
342345
margin-inline: calc(var(--spacing) * 0);
343346
}
@@ -446,6 +449,9 @@ module.exports = `
446449
.mli-px {
447450
margin-inline: 1px;
448451
}
452+
.mli-theme-variable {
453+
margin-inline: calc(var(--spacing) * 35);
454+
}
449455
.-mlb-0 {
450456
margin-block: calc(calc(var(--spacing) * 0) * -1);
451457
}
@@ -551,6 +557,9 @@ module.exports = `
551557
.-mlb-px {
552558
margin-block: calc(1px * -1);
553559
}
560+
.-mlb-theme-variable {
561+
margin-block: calc(calc(var(--spacing) * 35) * -1);
562+
}
554563
.mlb-0 {
555564
margin-block: calc(var(--spacing) * 0);
556565
}
@@ -659,6 +668,9 @@ module.exports = `
659668
.mlb-px {
660669
margin-block: 1px;
661670
}
671+
.mlb-theme-variable {
672+
margin-block: calc(var(--spacing) * 35);
673+
}
662674
.-mis-0 {
663675
margin-inline-start: calc(calc(var(--spacing) * 0) * -1);
664676
}
@@ -764,6 +776,9 @@ module.exports = `
764776
.-mis-px {
765777
margin-inline-start: calc(1px * -1);
766778
}
779+
.-mis-theme-variable {
780+
margin-inline-start: calc(calc(var(--spacing) * 35) * -1);
781+
}
767782
.mis-0 {
768783
margin-inline-start: calc(var(--spacing) * 0);
769784
}
@@ -872,6 +887,9 @@ module.exports = `
872887
.mis-px {
873888
margin-inline-start: 1px;
874889
}
890+
.mis-theme-variable {
891+
margin-inline-start: calc(var(--spacing) * 35);
892+
}
875893
.-mie-0 {
876894
margin-inline-end: calc(calc(var(--spacing) * 0) * -1);
877895
}
@@ -977,6 +995,9 @@ module.exports = `
977995
.-mie-px {
978996
margin-inline-end: calc(1px * -1);
979997
}
998+
.-mie-theme-variable {
999+
margin-inline-end: calc(calc(var(--spacing) * 35) * -1);
1000+
}
9801001
.mie-0 {
9811002
margin-inline-end: calc(var(--spacing) * 0);
9821003
}
@@ -1085,6 +1106,9 @@ module.exports = `
10851106
.mie-px {
10861107
margin-inline-end: 1px;
10871108
}
1109+
.mie-theme-variable {
1110+
margin-inline-end: calc(var(--spacing) * 35);
1111+
}
10881112
.-mbe-0 {
10891113
margin-block-end: calc(calc(var(--spacing) * 0) * -1);
10901114
}
@@ -1190,6 +1214,9 @@ module.exports = `
11901214
.-mbe-px {
11911215
margin-block-end: calc(1px * -1);
11921216
}
1217+
.-mbe-theme-variable {
1218+
margin-block-end: calc(calc(var(--spacing) * 35) * -1);
1219+
}
11931220
.-mbs-0 {
11941221
margin-block-start: calc(calc(var(--spacing) * 0) * -1);
11951222
}
@@ -1295,6 +1322,9 @@ module.exports = `
12951322
.-mbs-px {
12961323
margin-block-start: calc(1px * -1);
12971324
}
1325+
.-mbs-theme-variable {
1326+
margin-block-start: calc(calc(var(--spacing) * 35) * -1);
1327+
}
12981328
.mbe-0 {
12991329
margin-block-end: calc(var(--spacing) * 0);
13001330
}
@@ -1403,6 +1433,9 @@ module.exports = `
14031433
.mbe-px {
14041434
margin-block-end: 1px;
14051435
}
1436+
.mbe-theme-variable {
1437+
margin-block-end: calc(var(--spacing) * 35);
1438+
}
14061439
.mbs-0 {
14071440
margin-block-start: calc(var(--spacing) * 0);
14081441
}
@@ -1511,5 +1544,8 @@ module.exports = `
15111544
.mbs-px {
15121545
margin-block-start: 1px;
15131546
}
1547+
.mbs-theme-variable {
1548+
margin-block-start: calc(var(--spacing) * 35);
1549+
}
15141550
}
15151551
`;

‎tests/templates/margin/margin.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,8 @@
7272
<div class="mli-2.5"></div>
7373
<div class="mlb-3.5"></div>
7474
<div class="mli-3.5"></div>
75+
<div class="mlb-theme-variable"></div>
76+
<div class="mli-theme-variable"></div>
7577
<div class="-mlb-0"></div>
7678
<div class="-mli-0"></div>
7779
<div class="-mlb-1"></div>
@@ -142,6 +144,8 @@
142144
<div class="-mli-2.5"></div>
143145
<div class="-mlb-3.5"></div>
144146
<div class="-mli-3.5"></div>
147+
<div class="-mlb-theme-variable"></div>
148+
<div class="-mli-theme-variable"></div>
145149
<div class="mbs-0"></div>
146150
<div class="mbe-0"></div>
147151
<div class="mis-0"></div>
@@ -286,6 +290,10 @@
286290
<div class="mbe-3.5"></div>
287291
<div class="mis-3.5"></div>
288292
<div class="mie-3.5"></div>
293+
<div class="mbs-theme-variable"></div>
294+
<div class="mbe-theme-variable"></div>
295+
<div class="mis-theme-variable"></div>
296+
<div class="mie-theme-variable"></div>
289297
<div class="-mbs-0"></div>
290298
<div class="-mbe-0"></div>
291299
<div class="-mis-0"></div>
@@ -426,5 +434,9 @@
426434
<div class="-mbe-3.5"></div>
427435
<div class="-mis-3.5"></div>
428436
<div class="-mie-3.5"></div>
437+
<div class="-mbs-theme-variable"></div>
438+
<div class="-mbe-theme-variable"></div>
439+
<div class="-mis-theme-variable"></div>
440+
<div class="-mie-theme-variable"></div>
429441
</body>
430442
</html>

0 commit comments

Comments
 (0)