Merge pull request #89 from tailwindlabs/outline-offsets

Fix handling of outline offsets

Author: adamwathan

src/corePlugins/outline.js

@@ -1,17 +1,11 @@
 const nameClass = require('tailwindcss/lib/util/nameClass').default
-const transformThemeValue = require('tailwindcss/lib/util/transformThemeValue').default
-
-function isPlainObject(value) {
-  return typeof value === 'object' && value !== null
-}
 
 module.exports = function ({ matchUtilities, jit: { theme } }) {
   matchUtilities({
     outline: (modifier, { theme }) => {
-      let transformValue = transformThemeValue('outline')
-      let value = transformValue(theme.outline[modifier])
+      let value = theme.outline[modifier]
 
-      if (modifier === '' || value === undefined) {
+      if (value === undefined) {
         return []
       }
 

tests/01-basic-usage.test.css

@@ -553,11 +553,11 @@
 }
 .outline-none {
   outline: 2px solid transparent;
-  outline-offset: 0;
+  outline-offset: 2px;
 }
 .outline-black {
   outline: 2px dotted black;
-  outline-offset: 0;
+  outline-offset: 2px;
 }
 .ring {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width)