Alphabetize new config keys

Author: adamwathan

stubs/defaultConfig.stub.js

@@ -71,6 +71,15 @@ module.exports = {
       pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
       bounce: 'bounce 1s infinite',
     },
+    backdropBlur: (theme) => theme('blur'),
+    backdropBrightness: (theme) => theme('brightness'),
+    backdropContrast: (theme) => theme('contrast'),
+    backdropGrayscale: (theme) => theme('grayscale'),
+    backdropHueRotate: (theme) => theme('hueRotate'),
+    backdropInvert: (theme) => theme('invert'),
+    backdropOpacity: (theme) => theme('opacity'),
+    backdropSaturate: (theme) => theme('saturate'),
+    backdropSepia: (theme) => theme('sepia'),
     backgroundColor: (theme) => theme('colors'),
     backgroundImage: {
       none: 'none',
@@ -100,6 +109,29 @@ module.exports = {
       cover: 'cover',
       contain: 'contain',
     },
+    blur: {
+      0: '0',
+      sm: '4px',
+      DEFAULT: '8px',
+      md: '12px',
+      lg: '16px',
+      xl: '24px',
+      '2xl': '40px',
+      '3xl': '64px',
+    },
+    brightness: {
+      0: '0',
+      50: '.5',
+      75: '.75',
+      90: '.9',
+      95: '.95',
+      100: '1',
+      105: '1.05',
+      110: '1.1',
+      125: '1.25',
+      150: '1.5',
+      200: '2',
+    },
     borderColor: (theme) => ({
       ...theme('colors'),
       DEFAULT: theme('colors.gray.200', 'currentColor'),
@@ -133,6 +165,15 @@ module.exports = {
       inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
       none: 'none',
     },
+    contrast: {
+      0: '0',
+      50: '.5',
+      75: '.75',
+      100: '1',
+      125: '1.25',
+      150: '1.5',
+      200: '2',
+    },
     container: {},
     cursor: {
       auto: 'auto',
@@ -147,42 +188,6 @@ module.exports = {
     divideColor: (theme) => theme('borderColor'),
     divideOpacity: (theme) => theme('borderOpacity'),
     divideWidth: (theme) => theme('borderWidth'),
-    fill: { current: 'currentColor' },
-    blur: {
-      0: '0',
-      sm: '4px',
-      DEFAULT: '8px',
-      md: '12px',
-      lg: '16px',
-      xl: '24px',
-      '2xl': '40px',
-      '3xl': '64px',
-    },
-    backdropBlur: (theme) => theme('blur'),
-    brightness: {
-      0: '0',
-      50: '.5',
-      75: '.75',
-      90: '.9',
-      95: '.95',
-      100: '1',
-      105: '1.05',
-      110: '1.1',
-      125: '1.25',
-      150: '1.5',
-      200: '2',
-    },
-    backdropBrightness: (theme) => theme('brightness'),
-    contrast: {
-      0: '0',
-      50: '.5',
-      75: '.75',
-      100: '1',
-      125: '1.25',
-      150: '1.5',
-      200: '2',
-    },
-    backdropContrast: (theme) => theme('contrast'),
     dropShadow: {
       sm: '0 1px 1px rgba(0,0,0,0.05)',
       DEFAULT: ['0 1px 2px rgba(0, 0, 0, 0.1)', '0 1px 1px rgba(0, 0, 0, 0.06)'],
@@ -192,11 +197,11 @@ module.exports = {
       '2xl': '0 25px 25px rgba(0, 0, 0, 0.15)',
       none: '0 0 #0000',
     },
+    fill: { current: 'currentColor' },
     grayscale: {
       0: '0',
       DEFAULT: '100%',
     },
-    backdropGrayscale: (theme) => theme('grayscale'),
     hueRotate: {
       '-180': '-180deg',
       '-90': '-90deg',
@@ -210,26 +215,10 @@ module.exports = {
       90: '90deg',
       180: '180deg',
     },
-    backdropHueRotate: (theme) => theme('hueRotate'),
     invert: {
       0: '0',
       DEFAULT: '100%',
     },
-    backdropInvert: (theme) => theme('invert'),
-    backdropOpacity: (theme) => theme('opacity'),
-    saturate: {
-      0: '0',
-      50: '.5',
-      100: '1',
-      150: '1.5',
-      200: '2',
-    },
-    backdropSaturate: (theme) => theme('saturate'),
-    sepia: {
-      0: '0',
-      DEFAULT: '100%',
-    },
-    backdropSepia: (theme) => theme('sepia'),
     flex: {
       1: '1 1 0%',
       auto: '1 1 auto',
@@ -649,6 +638,13 @@ module.exports = {
       90: '90deg',
       180: '180deg',
     },
+    saturate: {
+      0: '0',
+      50: '.5',
+      100: '1',
+      150: '1.5',
+      200: '2',
+    },
     scale: {
       0: '0',
       50: '.5',
@@ -661,6 +657,10 @@ module.exports = {
       125: '1.25',
       150: '1.5',
     },
+    sepia: {
+      0: '0',
+      DEFAULT: '100%',
+    },
     skew: {
       '-12': '-12deg',
       '-6': '-6deg',