Merge pull request #914 from mvdnbrk/sort-variants

Sort the variants in alphabetical order.

stubs/defaultConfig.stub.js

@@ -418,6 +418,9 @@ module.exports = {
     container: {}
   },
   variants: {
+    alignContent: ['responsive'],
+    alignItems: ['responsive'],
+    alignSelf: ['responsive'],
     appearance: ['responsive'],
     backgroundAttachment: ['responsive'],
     backgroundColor: ['responsive', 'hover', 'focus'],
@@ -429,22 +432,25 @@ module.exports = {
     borderRadius: ['responsive'],
     borderStyle: ['responsive'],
     borderWidth: ['responsive'],
+    boxShadow: ['responsive', 'hover', 'focus'],
     cursor: ['responsive'],
     display: ['responsive'],
-    flexDirection: ['responsive'],
-    flexWrap: ['responsive'],
-    alignItems: ['responsive'],
-    alignSelf: ['responsive'],
-    justifyContent: ['responsive'],
-    alignContent: ['responsive'],
+    fill: ['responsive'],
     flex: ['responsive'],
+    flexDirection: ['responsive'],
     flexGrow: ['responsive'],
     flexShrink: ['responsive'],
-    order: ['responsive'],
+    flexWrap: ['responsive'],
     float: ['responsive'],
     fontFamily: ['responsive'],
+    fontSize: ['responsive'],
+    fontSmoothing: ['responsive'],
+    fontStyle: ['responsive'],
     fontWeight: ['responsive', 'hover', 'focus'],
     height: ['responsive'],
+    inset: ['responsive'],
+    justifyContent: ['responsive'],
+    letterSpacing: ['responsive'],
     lineHeight: ['responsive'],
     listStylePosition: ['responsive'],
     listStyleType: ['responsive'],
@@ -456,31 +462,25 @@ module.exports = {
     objectFit: ['responsive'],
     objectPosition: ['responsive'],
     opacity: ['responsive'],
+    order: ['responsive'],
     outline: ['responsive', 'focus'],
     overflow: ['responsive'],
     padding: ['responsive'],
     pointerEvents: ['responsive'],
     position: ['responsive'],
-    inset: ['responsive'],
     resize: ['responsive'],
-    boxShadow: ['responsive', 'hover', 'focus'],
-    fill: ['responsive'],
     stroke: ['responsive'],
     tableLayout: ['responsive'],
     textAlign: ['responsive'],
     textColor: ['responsive', 'hover', 'focus'],
-    fontSize: ['responsive'],
-    fontStyle: ['responsive'],
-    textTransform: ['responsive'],
     textDecoration: ['responsive', 'hover', 'focus'],
-    fontSmoothing: ['responsive'],
-    letterSpacing: ['responsive'],
+    textTransform: ['responsive'],
     userSelect: ['responsive'],
     verticalAlign: ['responsive'],
     visibility: ['responsive'],
     whitespace: ['responsive'],
-    wordBreak: ['responsive'],
     width: ['responsive'],
+    wordBreak: ['responsive'],
     zIndex: ['responsive'],
   },
   corePlugins: {},