Merge pull request tailwindlabs#105 from Daronspence/arbitrary-margin

Arbitrary margin value proof of concept

Author: adamwathan

src/corePlugins/margin.js

@@ -1,4 +1,4 @@
-const { asLength, nameClass } = require('../pluginUtils')
+const { asLength, nameClass, asValue } = require('../pluginUtils')
 
 module.exports = function ({ matchUtilities, jit: { theme } }) {
   matchUtilities({
@@ -34,7 +34,7 @@ module.exports = function ({ matchUtilities, jit: { theme } }) {
   })
   matchUtilities({
     mt: (modifier, { theme, candidate }) => {
-      let value = asLength(modifier, theme['margin'])
+      let value = asValue(modifier, theme['margin'])
 
       if (value === undefined) {
         return []

tests/08-arbitrary-values.test.css

@@ -7,6 +7,9 @@
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
 }
+.mt-\[clamp\(30px\2c 100px\)\] {
+	margin-top: clamp(30px, 100px);
+}
 .w-\[3\.23rem\] {
   width: 3.23rem;
 }

tests/08-arbitrary-values.test.html

@@ -23,5 +23,6 @@
     <div class="rotate-[23deg] rotate-[2.3rad] rotate-[401grad] rotate-[1.5turn]"></div>
     <div class="text-[2.23rem]"></div>
     <div class="duration-[2s]"></div>
+    <div class="mt-[clamp(30px,100px)]"></div>
   </body>
 </html>