Add test coverage for custom theme variable for padding

Author: stevecochrane

tests/output/allPlugins.js

@@ -3614,6 +3614,9 @@ module.exports = `
     .pli-px {
       padding-inline: 1px;
     }
+    .pli-theme-variable {
+      padding-inline: calc(var(--spacing) * 35);
+    }
     .plb-0 {
       padding-block: calc(var(--spacing) * 0);
     }
@@ -3719,6 +3722,9 @@ module.exports = `
     .plb-px {
       padding-block: 1px;
     }
+    .plb-theme-variable {
+      padding-block: calc(var(--spacing) * 35);
+    }
     .pis-0 {
       padding-inline-start: calc(var(--spacing) * 0);
     }
@@ -3824,6 +3830,9 @@ module.exports = `
     .pis-px {
       padding-inline-start: 1px;
     }
+    .pis-theme-variable {
+      padding-inline-start: calc(var(--spacing) * 35);
+    }
     .pie-0 {
       padding-inline-end: calc(var(--spacing) * 0);
     }
@@ -3929,6 +3938,9 @@ module.exports = `
     .pie-px {
       padding-inline-end: 1px;
     }
+    .pie-theme-variable {
+      padding-inline-end: calc(var(--spacing) * 35);
+    }
     .-space-b-0 {
       & > :not(:last-child) {
         --tw-space-b-reverse: 0;
@@ -7169,6 +7181,9 @@ module.exports = `
     .pbe-px {
       padding-block-end: 1px;
     }
+    .pbe-theme-variable {
+      padding-block-end: calc(var(--spacing) * 35);
+    }
     .pbs-0 {
       padding-block-start: calc(var(--spacing) * 0);
     }
@@ -7274,6 +7289,9 @@ module.exports = `
     .pbs-px {
       padding-block-start: 1px;
     }
+    .pbs-theme-variable {
+      padding-block-start: calc(var(--spacing) * 35);
+    }
     .space-b-reverse {
       & > :not(:last-child) {
         --tw-space-b-reverse: 1;

tests/output/padding.js

@@ -338,6 +338,9 @@ module.exports = `
     .pli-px {
       padding-inline: 1px;
     }
+    .pli-theme-variable {
+      padding-inline: calc(var(--spacing) * 35);
+    }
     .plb-0 {
       padding-block: calc(var(--spacing) * 0);
     }
@@ -443,6 +446,9 @@ module.exports = `
     .plb-px {
       padding-block: 1px;
     }
+    .plb-theme-variable {
+      padding-block: calc(var(--spacing) * 35);
+    }
     .pis-0 {
       padding-inline-start: calc(var(--spacing) * 0);
     }
@@ -548,6 +554,9 @@ module.exports = `
     .pis-px {
       padding-inline-start: 1px;
     }
+    .pis-theme-variable {
+      padding-inline-start: calc(var(--spacing) * 35);
+    }
     .pie-0 {
       padding-inline-end: calc(var(--spacing) * 0);
     }
@@ -653,6 +662,9 @@ module.exports = `
     .pie-px {
       padding-inline-end: 1px;
     }
+    .pie-theme-variable {
+      padding-inline-end: calc(var(--spacing) * 35);
+    }
     .pbe-0 {
       padding-block-end: calc(var(--spacing) * 0);
     }
@@ -758,6 +770,9 @@ module.exports = `
     .pbe-px {
       padding-block-end: 1px;
     }
+    .pbe-theme-variable {
+      padding-block-end: calc(var(--spacing) * 35);
+    }
     .pbs-0 {
       padding-block-start: calc(var(--spacing) * 0);
     }
@@ -863,5 +878,8 @@ module.exports = `
     .pbs-px {
       padding-block-start: 1px;
     }
+    .pbs-theme-variable {
+      padding-block-start: calc(var(--spacing) * 35);
+    }
   }
 `;

tests/templates/padding/padding.html

@@ -70,6 +70,8 @@
     <div class="pli-2.5"></div>
     <div class="plb-3.5"></div>
     <div class="pli-3.5"></div>
+    <div class="plb-theme-variable"></div>
+    <div class="pli-theme-variable"></div>
     <div class="pbs-0"></div>
     <div class="pbe-0"></div>
     <div class="pis-0"></div>
@@ -210,5 +212,9 @@
     <div class="pbe-3.5"></div>
     <div class="pis-3.5"></div>
     <div class="pie-3.5"></div>
+    <div class="pbs-theme-variable"></div>
+    <div class="pbe-theme-variable"></div>
+    <div class="pis-theme-variable"></div>
+    <div class="pie-theme-variable"></div>
   </body>
 </html>