Merge branch 'master' into skew

src/plugins/boxSizing.js

@@ -2,8 +2,8 @@ export default function() {
   return function({ addUtilities, variants }) {
     addUtilities(
       {
-        '.box-border': { 'box-sizing': 'border' },
-        '.box-content': { 'box-sizing': 'content' },
+        '.box-border': { 'box-sizing': 'border-box' },
+        '.box-content': { 'box-sizing': 'content-box' },
       },
       variants('boxSizing')
     )

src/plugins/columnGap.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('columnGap', [['col-gap', ['gridColumnGap', 'columnGap']]])
+}

src/plugins/display.js

@@ -17,6 +17,9 @@ export default function() {
         '.inline-flex': {
           display: 'inline-flex',
         },
+        '.grid': {
+          display: 'grid',
+        },
         '.table': {
           display: 'table',
         },

src/plugins/gap.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gap', [['gap', ['gridGap', 'gap']]])
+}

src/plugins/gridAutoFlow.js

@@ -0,0 +1,13 @@
+export default function() {
+  return function({ addUtilities, variants }) {
+    addUtilities(
+      {
+        '.grid-flow-row': { gridAutoFlow: 'row' },
+        '.grid-flow-col': { gridAutoFlow: 'column' },
+        '.grid-flow-row-dense': { gridAutoFlow: 'row dense' },
+        '.grid-flow-col-dense': { gridAutoFlow: 'column dense' },
+      },
+      variants('gridAutoFlow')
+    )
+  }
+}

src/plugins/gridColumn.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridColumn', [['col', ['gridColumn']]])
+}

src/plugins/gridColumnEnd.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridColumnEnd', [['col-end', ['gridColumnEnd']]])
+}

src/plugins/gridColumnStart.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridColumnStart', [['col-start', ['gridColumnStart']]])
+}

src/plugins/gridRow.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridRow', [['row', ['gridRow']]])
+}

src/plugins/gridRowEnd.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridRowEnd', [['row-end', ['gridRowEnd']]])
+}

src/plugins/gridRowStart.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridRowStart', [['row-start', ['gridRowStart']]])
+}

src/plugins/gridTemplateColumns.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridTemplateColumns', [['grid-cols', ['gridTemplateColumns']]])
+}

src/plugins/gridTemplateRows.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('gridTemplateRows', [['grid-rows', ['gridTemplateRows']]])
+}

src/plugins/rowGap.js

@@ -0,0 +1,5 @@
+import createUtilityPlugin from '../util/createUtilityPlugin'
+
+export default function() {
+  return createUtilityPlugin('rowGap', [['row-gap', ['gridRowGap', 'rowGap']]])
+}

src/plugins/strokeWidth.js

@@ -0,0 +1,18 @@
+import _ from 'lodash'
+
+export default function() {
+  return function({ addUtilities, e, theme, variants }) {
+    const utilities = _.fromPairs(
+      _.map(theme('strokeWidth'), (value, modifier) => {
+        return [
+          `.${e(`stroke-${modifier}`)}`,
+          {
+            strokeWidth: value,
+          },
+        ]
+      })
+    )
+
+    addUtilities(utilities, variants('strokeWidth'))
+  }
+}