formatting js config files

2 files changed, 123 insertions, 123 deletions

diff --git a/assets/config/postcss.config.js b/assets/config/postcss.config.js
index d53bbdc..74c78f5 100644
--- a/assets/config/postcss.config.js
+++ b/assets/config/postcss.config.js
@@ -1,34 +1,34 @@
 const path = require('path')
 
-const themeDir = __dirname;
+const themeDir = __dirname
 
 const purgecss = require('@fullhuman/postcss-purgecss')({
-	// Specify the paths to all of the template files in your project
-	content: [
-		'**/*.html'
-	],
+  // Specify the paths to all of the template files in your project
+  content: [
+    '**/*.html'
+  ],
 
-	// This is the function used to extract class names from your templates
-	defaultExtractor: content => {
-		// Capture as liberally as possible, including things like `h-(screen-1.5)`
-		const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []
+  // This is the function used to extract class names from your templates
+  defaultExtractor: content => {
+    // Capture as liberally as possible, including things like `h-(screen-1.5)`
+    const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []
 
-		// Capture classes within other delimiters like .block(class="w-1/2") in Pug
-		const innerMatches = content.match(/[^<>"'`\s.()]*[^<>"'`\s.():]/g) || []
+    // Capture classes within other delimiters like .block(class="w-1/2") in Pug
+    const innerMatches = content.match(/[^<>"'`\s.()]*[^<>"'`\s.():]/g) || []
 
-		return broadMatches.concat(innerMatches)
-	}
+    return broadMatches.concat(innerMatches)
+  }
 })
 
 module.exports = {
-	plugins: [
-		require('postcss-import')({
-			path: [themeDir]
-		}),
-		require('tailwindcss')(path.join(themeDir, 'tailwind.config.js')),
-		require('autoprefixer')({
-			path: [themeDir]
-		}),
-		...(process.env.HUGO_ENVIRONMENT === 'production' ? [purgecss] : [])
-	]
+  plugins: [
+    require('postcss-import')({
+      path: [themeDir]
+    }),
+    require('tailwindcss')(path.join(themeDir, 'tailwind.config.js')),
+    require('autoprefixer')({
+      path: [themeDir]
+    }),
+    ...(process.env.HUGO_ENVIRONMENT === 'production' ? [purgecss] : [])
+  ]
 }
diff --git a/assets/config/tailwind.config.js b/assets/config/tailwind.config.js
index 6f6b7bc..e925f3c 100644
--- a/assets/config/tailwind.config.js
+++ b/assets/config/tailwind.config.js
@@ -1,114 +1,114 @@
-const generator = require('./generator');
+const generator = require('./generator')
 
 const inset = generator({
-	'0': '0rem',
-	'full': '100%',
+  0: '0rem',
+  full: '100%'
 }, {
-	std: true,
-	negative: true,
-	percentage: true,
-}),
-maxWidth = generator({
-	'0': '0rem',
-	'screen': '100vw'
+  std: true,
+  negative: true,
+  percentage: true
+})
+const maxWidth = generator({
+  0: '0rem',
+  screen: '100vw'
 }, {
-	std: true,
-	percentage: true,
-	vw: true
-}),
-maxHeight = generator({
-	'0': '0rem',
-	'screen': '100vw'
+  std: true,
+  percentage: true,
+  vw: true
+})
+const maxHeight = generator({
+  0: '0rem',
+  screen: '100vw'
 }, {
-	std: true,
-	percentage: true,
-	vh: true
-});
+  std: true,
+  percentage: true,
+  vh: true
+})
 
 module.exports = {
-	darkMode: 'class',
-	theme: {
-		inset,
-		extend: {
-			maxWidth,
-			maxHeight,
-			fontFamily: {
-				'serif': ['Spectral', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
-				'charter': ['charter', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif']
-			},
-			colors: {
-				// material color => grey
-				// tailwindcss grey => gray
-				grey: {
-					'100': '#f5f5f5',
-					'200': '#eeeeee',
-					'300': '#e0e0e0',
-					'400': '#bdbdbd',
-					'500': '#9e9e9e',
-					'600': '#757575',
-					'700': '#616161',
-					'800': '#424242',
-					'900': '#212121',
-				},
-				green: {
-					'apple': '#E8F3EC',
-					'100': '#f0fff4',
-					'200': '#c6f6d5',
-					'300': '#9ae6b4',
-					'400': '#68d391',
-					'500': '#48bb78',
-					'600': '#38a169',
-					'700': '#2f855a',
-					'800': '#276749',
-					'900': '#22543d',
-				},
-				primary: 'var(--color-primary)',
-				'primary-dark': 'var(--color-primary-dark)',
-				'primary-light': 'var(--color-primary-light)',
+  darkMode: 'class',
+  theme: {
+    inset,
+    extend: {
+      maxWidth,
+      maxHeight,
+      fontFamily: {
+        serif: ['Spectral', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
+        charter: ['charter', 'Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif']
+      },
+      colors: {
+        // material color => grey
+        // tailwindcss grey => gray
+        grey: {
+          100: '#f5f5f5',
+          200: '#eeeeee',
+          300: '#e0e0e0',
+          400: '#bdbdbd',
+          500: '#9e9e9e',
+          600: '#757575',
+          700: '#616161',
+          800: '#424242',
+          900: '#212121'
+        },
+        green: {
+          apple: '#E8F3EC',
+          100: '#f0fff4',
+          200: '#c6f6d5',
+          300: '#9ae6b4',
+          400: '#68d391',
+          500: '#48bb78',
+          600: '#38a169',
+          700: '#2f855a',
+          800: '#276749',
+          900: '#22543d'
+        },
+        primary: 'var(--color-primary)',
+        'primary-dark': 'var(--color-primary-dark)',
+        'primary-light': 'var(--color-primary-light)',
 
-				secondary: 'var(--color-secondary)',
-				'secondary-dark': 'var(--color-secondary-dark)',
-				'secondary-light': 'var(--color-secondary-light)',
+        secondary: 'var(--color-secondary)',
+        'secondary-dark': 'var(--color-secondary-dark)',
+        'secondary-light': 'var(--color-secondary-light)',
 
-				accent: 'var(--color-accent)',
-				'accent-dark': 'var(--color-accent-dark)',
-				'accent-light': 'var(--color-accent-light)'
-			},
-		},
-		boxShadow: {
-			xs: '0 0 0 1px rgba(0, 0, 0, 0.05)',
+        accent: 'var(--color-accent)',
+        'accent-dark': 'var(--color-accent-dark)',
+        'accent-light': 'var(--color-accent-light)'
+      }
+    },
+    boxShadow: {
+      xs: '0 0 0 1px rgba(0, 0, 0, 0.05)',
       sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
       DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
       md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
       lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
       xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
-			'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
-			// Custom shadow
-			1: '0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12)',
-			2: '0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12)',
-			3: '0 1px 8px rgba(0,0,0,0.2), 0 3px 4px rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12)',
-			4: '0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12)',
-			5: '0 3px 5px -1px rgba(0,0,0,0.2), 0 5px 8px rgba(0,0,0,0.14), 0 1px 14px rgba(0,0,0,0.12)',
-			6: '0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12)',
-			7: '0 4px 5px -2px rgba(0,0,0,0.2), 0 7px 10px 1px rgba(0,0,0,0.14), 0 2px 16px 1px rgba(0,0,0,0.12)',
-			8: '0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12)',
-			9: '0 5px 6px -3px rgba(0,0,0,0.2), 0 9px 12px 1px rgba(0,0,0,0.14), 0 3px 16px 2px rgba(0,0,0,0.12)',
-			10: '0 6px 6px -3px rgba(0,0,0,0.2), 0 10px 14px 1px rgba(0,0,0,0.14), 0 4px 18px 3px rgba(0,0,0,0.12)',
-			11: '0 6px 7px -4px rgba(0,0,0,0.2), 0 11px 15px 1px rgba(0,0,0,0.14), 0 4px 20px 3px rgba(0,0,0,0.12)',
-			12: '0 7px 8px -4px rgba(0,0,0,0.2), 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12)',
-			13: '0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12)',
-			14: '0 7px 9px -4px rgba(0,0,0,0.2), 0 14px 21px 2px rgba(0,0,0,0.14), 0 5px 26px 4px rgba(0,0,0,0.12)',
-			15: '0 8px 9px -5px rgba(0,0,0,0.2), 0 15px 22px 2px rgba(0,0,0,0.14), 0 6px 28px 5px rgba(0,0,0,0.12)',
-			16: '0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12)',
-			soft: '0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25)'
-		}
-	},
-	variants: {
-		backgroundColor: ['hover', 'active', 'dark'],
-		fontWeight: ['hover', 'focus'],
-		scale: ['hover', 'active'],
-		border: ['focus'],
-		textColor: ['hover', 'dark']
-	},
-	plugins: []
-}
\ No newline at end of file
+      '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
+      // Custom shadow
+      1: '0 1px 3px rgba(0,0,0,0.2), 0 1px 1px rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12)',
+      2: '0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12)',
+      3: '0 1px 8px rgba(0,0,0,0.2), 0 3px 4px rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12)',
+      4: '0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px rgba(0,0,0,0.14), 0 1px 10px rgba(0,0,0,0.12)',
+      5: '0 3px 5px -1px rgba(0,0,0,0.2), 0 5px 8px rgba(0,0,0,0.14), 0 1px 14px rgba(0,0,0,0.12)',
+      6: '0 3px 5px -1px rgba(0,0,0,0.2), 0 6px 10px rgba(0,0,0,0.14), 0 1px 18px rgba(0,0,0,0.12)',
+      7: '0 4px 5px -2px rgba(0,0,0,0.2), 0 7px 10px 1px rgba(0,0,0,0.14), 0 2px 16px 1px rgba(0,0,0,0.12)',
+      8: '0 5px 5px -3px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12)',
+      9: '0 5px 6px -3px rgba(0,0,0,0.2), 0 9px 12px 1px rgba(0,0,0,0.14), 0 3px 16px 2px rgba(0,0,0,0.12)',
+      10: '0 6px 6px -3px rgba(0,0,0,0.2), 0 10px 14px 1px rgba(0,0,0,0.14), 0 4px 18px 3px rgba(0,0,0,0.12)',
+      11: '0 6px 7px -4px rgba(0,0,0,0.2), 0 11px 15px 1px rgba(0,0,0,0.14), 0 4px 20px 3px rgba(0,0,0,0.12)',
+      12: '0 7px 8px -4px rgba(0,0,0,0.2), 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12)',
+      13: '0 7px 8px -4px rgba(0,0,0,0.2), 0 13px 19px 2px rgba(0,0,0,0.14), 0 5px 24px 4px rgba(0,0,0,0.12)',
+      14: '0 7px 9px -4px rgba(0,0,0,0.2), 0 14px 21px 2px rgba(0,0,0,0.14), 0 5px 26px 4px rgba(0,0,0,0.12)',
+      15: '0 8px 9px -5px rgba(0,0,0,0.2), 0 15px 22px 2px rgba(0,0,0,0.14), 0 6px 28px 5px rgba(0,0,0,0.12)',
+      16: '0 8px 10px -5px rgba(0,0,0,0.2), 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12)',
+      soft: '0 30px 60px -10px rgba(0,0,0,.22), 0 18px 36px -18px rgba(0,0,0,.25)'
+    }
+  },
+  variants: {
+    backgroundColor: ['hover', 'active', 'dark'],
+    fontWeight: ['hover', 'focus'],
+    scale: ['hover', 'active'],
+    border: ['focus'],
+    textColor: ['hover', 'dark']
+  },
+  plugins: []
+}