diff --git a/components/Logo.vue b/components/Logo.vue
index f02dd12..610eb42 100644
--- a/components/Logo.vue
+++ b/components/Logo.vue
@@ -9,71 +9,71 @@
diff --git a/layouts/default.vue b/layouts/default.vue
index 30a62ac..1c42c57 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -6,50 +6,50 @@
diff --git a/nuxt.config.js b/nuxt.config.js
index 868c265..4a151e0 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,64 +1,66 @@
const pkg = require('./package')
module.exports = {
- mode: 'universal',
+ mode: 'universal',
+ target: 'static',
- /*
+ /*
** Headers of the page
*/
- head: {
- title: pkg.name,
- meta: [
- { charset: 'utf-8' },
- { name: 'viewport', content: 'width=device-width, initial-scale=1' },
- { hid: 'description', name: 'description', content: pkg.description }
- ],
- link: [
- { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
- ]
- },
+ head: {
+ title: pkg.name,
+ meta: [
+ { charset: 'utf-8' },
+ {
+ name: 'viewport',
+ content: 'width=device-width, initial-scale=1'
+ },
+ {
+ hid: 'description',
+ name: 'description',
+ content: pkg.description
+ }
+ ],
+ link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
+ },
- /*
+ /*
** Customize the progress-bar color
*/
- loading: { color: '#fff' },
+ loading: { color: '#fff' },
- /*
+ /*
** Global CSS
*/
- css: [
- '~/assets/css/tailwind.css'
- ],
+ css: ['~/assets/css/tailwind.css'],
- /*
+ /*
** Plugins to load before mounting the App
*/
- plugins: [
- ],
+ plugins: [],
- /*
+ /*
** Nuxt.js modules
*/
- modules: [
- ],
+ modules: [],
- /*
+ /*
** Build configuration
*/
- build: {
- /*
+ build: {
+ /*
** You can extend webpack config here
*/
- extend(config, ctx) {
- // Run ESLint on save
- if (ctx.isDev && ctx.isClient) {
- config.module.rules.push({
- enforce: 'pre',
- test: /\.(js|vue)$/,
- loader: 'eslint-loader',
- exclude: /(node_modules)/
- })
- }
+ extend(config, ctx) {
+ // Run ESLint on save
+ if (ctx.isDev && ctx.isClient) {
+ config.module.rules.push({
+ enforce: 'pre',
+ test: /\.(js|vue)$/,
+ loader: 'eslint-loader',
+ exclude: /(node_modules)/
+ })
+ }
+ }
}
- }
}
diff --git a/pages/index.vue b/pages/index.vue
index 5308afd..599cbb0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -26,48 +26,47 @@
import Logo from '~/components/Logo.vue'
export default {
- components: {
- Logo
- }
+ components: {
+ Logo
+ }
}
diff --git a/postcss.config.js b/postcss.config.js
index 839c61f..bbe5f4e 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -2,8 +2,5 @@ const join = require('path').join
const tailwindJS = join(__dirname, 'tailwind.js')
module.exports = {
- plugins: [
- require('tailwindcss')(tailwindJS),
- require('autoprefixer')
- ]
+ plugins: [require('tailwindcss')(tailwindJS), require('autoprefixer')]
}
diff --git a/tailwind.js b/tailwind.js
index e989dc7..278a5d1 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -26,7 +26,6 @@ View the full documentation at https://tailwindcss.com.
// let defaultConfig = require('tailwindcss/defaultConfig')()
-
/*
|-------------------------------------------------------------------------------
| Colors https://tailwindcss.com/docs/colors
@@ -44,94 +43,93 @@ View the full documentation at https://tailwindcss.com.
*/
let colors = {
- 'transparent': 'transparent',
+ transparent: 'transparent',
- 'black': '#22292f',
- 'grey-darkest': '#3d4852',
- 'grey-darker': '#606f7b',
- 'grey-dark': '#8795a1',
- 'grey': '#b8c2cc',
- 'grey-light': '#dae1e7',
- 'grey-lighter': '#f1f5f8',
- 'grey-lightest': '#f8fafc',
- 'white': '#ffffff',
+ black: '#22292f',
+ 'grey-darkest': '#3d4852',
+ 'grey-darker': '#606f7b',
+ 'grey-dark': '#8795a1',
+ grey: '#b8c2cc',
+ 'grey-light': '#dae1e7',
+ 'grey-lighter': '#f1f5f8',
+ 'grey-lightest': '#f8fafc',
+ white: '#ffffff',
- 'red-darkest': '#3b0d0c',
- 'red-darker': '#621b18',
- 'red-dark': '#cc1f1a',
- 'red': '#e3342f',
- 'red-light': '#ef5753',
- 'red-lighter': '#f9acaa',
- 'red-lightest': '#fcebea',
+ 'red-darkest': '#3b0d0c',
+ 'red-darker': '#621b18',
+ 'red-dark': '#cc1f1a',
+ red: '#e3342f',
+ 'red-light': '#ef5753',
+ 'red-lighter': '#f9acaa',
+ 'red-lightest': '#fcebea',
- 'orange-darkest': '#462a16',
- 'orange-darker': '#613b1f',
- 'orange-dark': '#de751f',
- 'orange': '#f6993f',
- 'orange-light': '#faad63',
- 'orange-lighter': '#fcd9b6',
- 'orange-lightest': '#fff5eb',
+ 'orange-darkest': '#462a16',
+ 'orange-darker': '#613b1f',
+ 'orange-dark': '#de751f',
+ orange: '#f6993f',
+ 'orange-light': '#faad63',
+ 'orange-lighter': '#fcd9b6',
+ 'orange-lightest': '#fff5eb',
- 'yellow-darkest': '#453411',
- 'yellow-darker': '#684f1d',
- 'yellow-dark': '#f2d024',
- 'yellow': '#ffed4a',
- 'yellow-light': '#fff382',
- 'yellow-lighter': '#fff9c2',
- 'yellow-lightest': '#fcfbeb',
+ 'yellow-darkest': '#453411',
+ 'yellow-darker': '#684f1d',
+ 'yellow-dark': '#f2d024',
+ yellow: '#ffed4a',
+ 'yellow-light': '#fff382',
+ 'yellow-lighter': '#fff9c2',
+ 'yellow-lightest': '#fcfbeb',
- 'green-darkest': '#0f2f21',
- 'green-darker': '#1a4731',
- 'green-dark': '#1f9d55',
- 'green': '#38c172',
- 'green-light': '#51d88a',
- 'green-lighter': '#a2f5bf',
- 'green-lightest': '#e3fcec',
+ 'green-darkest': '#0f2f21',
+ 'green-darker': '#1a4731',
+ 'green-dark': '#1f9d55',
+ green: '#38c172',
+ 'green-light': '#51d88a',
+ 'green-lighter': '#a2f5bf',
+ 'green-lightest': '#e3fcec',
- 'teal-darkest': '#0d3331',
- 'teal-darker': '#20504f',
- 'teal-dark': '#38a89d',
- 'teal': '#4dc0b5',
- 'teal-light': '#64d5ca',
- 'teal-lighter': '#a0f0ed',
- 'teal-lightest': '#e8fffe',
+ 'teal-darkest': '#0d3331',
+ 'teal-darker': '#20504f',
+ 'teal-dark': '#38a89d',
+ teal: '#4dc0b5',
+ 'teal-light': '#64d5ca',
+ 'teal-lighter': '#a0f0ed',
+ 'teal-lightest': '#e8fffe',
- 'blue-darkest': '#12283a',
- 'blue-darker': '#1c3d5a',
- 'blue-dark': '#2779bd',
- 'blue': '#3490dc',
- 'blue-light': '#6cb2eb',
- 'blue-lighter': '#bcdefa',
- 'blue-lightest': '#eff8ff',
+ 'blue-darkest': '#12283a',
+ 'blue-darker': '#1c3d5a',
+ 'blue-dark': '#2779bd',
+ blue: '#3490dc',
+ 'blue-light': '#6cb2eb',
+ 'blue-lighter': '#bcdefa',
+ 'blue-lightest': '#eff8ff',
- 'indigo-darkest': '#191e38',
- 'indigo-darker': '#2f365f',
- 'indigo-dark': '#5661b3',
- 'indigo': '#6574cd',
- 'indigo-light': '#7886d7',
- 'indigo-lighter': '#b2b7ff',
- 'indigo-lightest': '#e6e8ff',
+ 'indigo-darkest': '#191e38',
+ 'indigo-darker': '#2f365f',
+ 'indigo-dark': '#5661b3',
+ indigo: '#6574cd',
+ 'indigo-light': '#7886d7',
+ 'indigo-lighter': '#b2b7ff',
+ 'indigo-lightest': '#e6e8ff',
- 'purple-darkest': '#21183c',
- 'purple-darker': '#382b5f',
- 'purple-dark': '#794acf',
- 'purple': '#9561e2',
- 'purple-light': '#a779e9',
- 'purple-lighter': '#d6bbfc',
- 'purple-lightest': '#f3ebff',
+ 'purple-darkest': '#21183c',
+ 'purple-darker': '#382b5f',
+ 'purple-dark': '#794acf',
+ purple: '#9561e2',
+ 'purple-light': '#a779e9',
+ 'purple-lighter': '#d6bbfc',
+ 'purple-lightest': '#f3ebff',
- 'pink-darkest': '#451225',
- 'pink-darker': '#6f213f',
- 'pink-dark': '#eb5286',
- 'pink': '#f66d9b',
- 'pink-light': '#fa7ea8',
- 'pink-lighter': '#ffbbca',
- 'pink-lightest': '#ffebef',
+ 'pink-darkest': '#451225',
+ 'pink-darker': '#6f213f',
+ 'pink-dark': '#eb5286',
+ pink: '#f66d9b',
+ 'pink-light': '#fa7ea8',
+ 'pink-lighter': '#ffbbca',
+ 'pink-lightest': '#ffebef'
}
module.exports = {
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Colors https://tailwindcss.com/docs/colors
|-----------------------------------------------------------------------------
@@ -144,10 +142,9 @@ module.exports = {
|
*/
- colors: colors,
+ colors: colors,
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Screens https://tailwindcss.com/docs/responsive-design
|-----------------------------------------------------------------------------
@@ -166,15 +163,14 @@ module.exports = {
|
*/
- screens: {
- 'sm': '576px',
- 'md': '768px',
- 'lg': '992px',
- 'xl': '1200px',
- },
+ screens: {
+ sm: '576px',
+ md: '768px',
+ lg: '992px',
+ xl: '1200px'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Fonts https://tailwindcss.com/docs/fonts
|-----------------------------------------------------------------------------
@@ -192,45 +188,44 @@ module.exports = {
|
*/
- fonts: {
- 'sans': [
- 'system-ui',
- 'BlinkMacSystemFont',
- '-apple-system',
- 'Segoe UI',
- 'Roboto',
- 'Oxygen',
- 'Ubuntu',
- 'Cantarell',
- 'Fira Sans',
- 'Droid Sans',
- 'Helvetica Neue',
- 'sans-serif',
- ],
- 'serif': [
- 'Constantia',
- 'Lucida Bright',
- 'Lucidabright',
- 'Lucida Serif',
- 'Lucida',
- 'DejaVu Serif',
- 'Bitstream Vera Serif',
- 'Liberation Serif',
- 'Georgia',
- 'serif',
- ],
- 'mono': [
- 'Menlo',
- 'Monaco',
- 'Consolas',
- 'Liberation Mono',
- 'Courier New',
- 'monospace',
- ]
- },
+ fonts: {
+ sans: [
+ 'system-ui',
+ 'BlinkMacSystemFont',
+ '-apple-system',
+ 'Segoe UI',
+ 'Roboto',
+ 'Oxygen',
+ 'Ubuntu',
+ 'Cantarell',
+ 'Fira Sans',
+ 'Droid Sans',
+ 'Helvetica Neue',
+ 'sans-serif'
+ ],
+ serif: [
+ 'Constantia',
+ 'Lucida Bright',
+ 'Lucidabright',
+ 'Lucida Serif',
+ 'Lucida',
+ 'DejaVu Serif',
+ 'Bitstream Vera Serif',
+ 'Liberation Serif',
+ 'Georgia',
+ 'serif'
+ ],
+ mono: [
+ 'Menlo',
+ 'Monaco',
+ 'Consolas',
+ 'Liberation Mono',
+ 'Courier New',
+ 'monospace'
+ ]
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Text sizes https://tailwindcss.com/docs/text-sizing
|-----------------------------------------------------------------------------
@@ -249,20 +244,19 @@ module.exports = {
|
*/
- textSizes: {
- 'xs': '.75rem', // 12px
- 'sm': '.875rem', // 14px
- 'base': '1rem', // 16px
- 'lg': '1.125rem', // 18px
- 'xl': '1.25rem', // 20px
- '2xl': '1.5rem', // 24px
- '3xl': '1.875rem', // 30px
- '4xl': '2.25rem', // 36px
- '5xl': '3rem', // 48px
- },
+ textSizes: {
+ xs: '.75rem', // 12px
+ sm: '.875rem', // 14px
+ base: '1rem', // 16px
+ lg: '1.125rem', // 18px
+ xl: '1.25rem', // 20px
+ '2xl': '1.5rem', // 24px
+ '3xl': '1.875rem', // 30px
+ '4xl': '2.25rem', // 36px
+ '5xl': '3rem' // 48px
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Font weights https://tailwindcss.com/docs/font-weight
|-----------------------------------------------------------------------------
@@ -276,20 +270,19 @@ module.exports = {
|
*/
- fontWeights: {
- 'hairline': 100,
- 'thin': 200,
- 'light': 300,
- 'normal': 400,
- 'medium': 500,
- 'semibold': 600,
- 'bold': 700,
- 'extrabold': 800,
- 'black': 900,
- },
+ fontWeights: {
+ hairline: 100,
+ thin: 200,
+ light: 300,
+ normal: 400,
+ medium: 500,
+ semibold: 600,
+ bold: 700,
+ extrabold: 800,
+ black: 900
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Leading (line height) https://tailwindcss.com/docs/line-height
|-----------------------------------------------------------------------------
@@ -301,15 +294,14 @@ module.exports = {
|
*/
- leading: {
- 'none': 1,
- 'tight': 1.25,
- 'normal': 1.5,
- 'loose': 2,
- },
+ leading: {
+ none: 1,
+ tight: 1.25,
+ normal: 1.5,
+ loose: 2
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Tracking (letter spacing) https://tailwindcss.com/docs/letter-spacing
|-----------------------------------------------------------------------------
@@ -321,14 +313,13 @@ module.exports = {
|
*/
- tracking: {
- 'tight': '-0.05em',
- 'normal': '0',
- 'wide': '0.05em',
- },
+ tracking: {
+ tight: '-0.05em',
+ normal: '0',
+ wide: '0.05em'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Text colors https://tailwindcss.com/docs/text-color
|-----------------------------------------------------------------------------
@@ -341,10 +332,9 @@ module.exports = {
|
*/
- textColors: colors,
+ textColors: colors,
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Background colors https://tailwindcss.com/docs/background-color
|-----------------------------------------------------------------------------
@@ -357,10 +347,9 @@ module.exports = {
|
*/
- backgroundColors: colors,
+ backgroundColors: colors,
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Background sizes https://tailwindcss.com/docs/background-size
|-----------------------------------------------------------------------------
@@ -373,14 +362,13 @@ module.exports = {
|
*/
- backgroundSize: {
- 'auto': 'auto',
- 'cover': 'cover',
- 'contain': 'contain',
- },
+ backgroundSize: {
+ auto: 'auto',
+ cover: 'cover',
+ contain: 'contain'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Border widths https://tailwindcss.com/docs/border-width
|-----------------------------------------------------------------------------
@@ -393,16 +381,15 @@ module.exports = {
|
*/
- borderWidths: {
- default: '1px',
- '0': '0',
- '2': '2px',
- '4': '4px',
- '8': '8px',
- },
+ borderWidths: {
+ default: '1px',
+ '0': '0',
+ '2': '2px',
+ '4': '4px',
+ '8': '8px'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Border colors https://tailwindcss.com/docs/border-color
|-----------------------------------------------------------------------------
@@ -419,10 +406,12 @@ module.exports = {
|
*/
- borderColors: global.Object.assign({ default: colors['grey-light'] }, colors),
+ borderColors: global.Object.assign(
+ { default: colors['grey-light'] },
+ colors
+ ),
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Border radius https://tailwindcss.com/docs/border-radius
|-----------------------------------------------------------------------------
@@ -438,16 +427,15 @@ module.exports = {
|
*/
- borderRadius: {
- 'none': '0',
- 'sm': '.125rem',
- default: '.25rem',
- 'lg': '.5rem',
- 'full': '9999px',
- },
+ borderRadius: {
+ none: '0',
+ sm: '.125rem',
+ default: '.25rem',
+ lg: '.5rem',
+ full: '9999px'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Width https://tailwindcss.com/docs/width
|-----------------------------------------------------------------------------
@@ -467,40 +455,39 @@ module.exports = {
|
*/
- width: {
- 'auto': 'auto',
- 'px': '1px',
- '1': '0.25rem',
- '2': '0.5rem',
- '3': '0.75rem',
- '4': '1rem',
- '5': '1.25rem',
- '6': '1.5rem',
- '8': '2rem',
- '10': '2.5rem',
- '12': '3rem',
- '16': '4rem',
- '24': '6rem',
- '32': '8rem',
- '48': '12rem',
- '64': '16rem',
- '1/2': '50%',
- '1/3': '33.33333%',
- '2/3': '66.66667%',
- '1/4': '25%',
- '3/4': '75%',
- '1/5': '20%',
- '2/5': '40%',
- '3/5': '60%',
- '4/5': '80%',
- '1/6': '16.66667%',
- '5/6': '83.33333%',
- 'full': '100%',
- 'screen': '100vw'
- },
+ width: {
+ auto: 'auto',
+ px: '1px',
+ '1': '0.25rem',
+ '2': '0.5rem',
+ '3': '0.75rem',
+ '4': '1rem',
+ '5': '1.25rem',
+ '6': '1.5rem',
+ '8': '2rem',
+ '10': '2.5rem',
+ '12': '3rem',
+ '16': '4rem',
+ '24': '6rem',
+ '32': '8rem',
+ '48': '12rem',
+ '64': '16rem',
+ '1/2': '50%',
+ '1/3': '33.33333%',
+ '2/3': '66.66667%',
+ '1/4': '25%',
+ '3/4': '75%',
+ '1/5': '20%',
+ '2/5': '40%',
+ '3/5': '60%',
+ '4/5': '80%',
+ '1/6': '16.66667%',
+ '5/6': '83.33333%',
+ full: '100%',
+ screen: '100vw'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Height https://tailwindcss.com/docs/height
|-----------------------------------------------------------------------------
@@ -515,29 +502,28 @@ module.exports = {
|
*/
- height: {
- 'auto': 'auto',
- 'px': '1px',
- '1': '0.25rem',
- '2': '0.5rem',
- '3': '0.75rem',
- '4': '1rem',
- '5': '1.25rem',
- '6': '1.5rem',
- '8': '2rem',
- '10': '2.5rem',
- '12': '3rem',
- '16': '4rem',
- '24': '6rem',
- '32': '8rem',
- '48': '12rem',
- '64': '16rem',
- 'full': '100%',
- 'screen': '100vh'
- },
+ height: {
+ auto: 'auto',
+ px: '1px',
+ '1': '0.25rem',
+ '2': '0.5rem',
+ '3': '0.75rem',
+ '4': '1rem',
+ '5': '1.25rem',
+ '6': '1.5rem',
+ '8': '2rem',
+ '10': '2.5rem',
+ '12': '3rem',
+ '16': '4rem',
+ '24': '6rem',
+ '32': '8rem',
+ '48': '12rem',
+ '64': '16rem',
+ full: '100%',
+ screen: '100vh'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Minimum width https://tailwindcss.com/docs/min-width
|-----------------------------------------------------------------------------
@@ -551,13 +537,12 @@ module.exports = {
|
*/
- minWidth: {
- '0': '0',
- 'full': '100%',
- },
+ minWidth: {
+ '0': '0',
+ full: '100%'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Minimum height https://tailwindcss.com/docs/min-height
|-----------------------------------------------------------------------------
@@ -571,14 +556,13 @@ module.exports = {
|
*/
- minHeight: {
- '0': '0',
- 'full': '100%',
- 'screen': '100vh'
- },
+ minHeight: {
+ '0': '0',
+ full: '100%',
+ screen: '100vh'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Maximum width https://tailwindcss.com/docs/max-width
|-----------------------------------------------------------------------------
@@ -593,21 +577,20 @@ module.exports = {
|
*/
- maxWidth: {
- 'xs': '20rem',
- 'sm': '30rem',
- 'md': '40rem',
- 'lg': '50rem',
- 'xl': '60rem',
- '2xl': '70rem',
- '3xl': '80rem',
- '4xl': '90rem',
- '5xl': '100rem',
- 'full': '100%',
- },
+ maxWidth: {
+ xs: '20rem',
+ sm: '30rem',
+ md: '40rem',
+ lg: '50rem',
+ xl: '60rem',
+ '2xl': '70rem',
+ '3xl': '80rem',
+ '4xl': '90rem',
+ '5xl': '100rem',
+ full: '100%'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Maximum height https://tailwindcss.com/docs/max-height
|-----------------------------------------------------------------------------
@@ -621,13 +604,12 @@ module.exports = {
|
*/
- maxHeight: {
- 'full': '100%',
- 'screen': '100vh',
- },
+ maxHeight: {
+ full: '100%',
+ screen: '100vh'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Padding https://tailwindcss.com/docs/padding
|-----------------------------------------------------------------------------
@@ -642,26 +624,25 @@ module.exports = {
|
*/
- padding: {
- 'px': '1px',
- '0': '0',
- '1': '0.25rem',
- '2': '0.5rem',
- '3': '0.75rem',
- '4': '1rem',
- '5': '1.25rem',
- '6': '1.5rem',
- '8': '2rem',
- '10': '2.5rem',
- '12': '3rem',
- '16': '4rem',
- '20': '5rem',
- '24': '6rem',
- '32': '8rem',
- },
+ padding: {
+ px: '1px',
+ '0': '0',
+ '1': '0.25rem',
+ '2': '0.5rem',
+ '3': '0.75rem',
+ '4': '1rem',
+ '5': '1.25rem',
+ '6': '1.5rem',
+ '8': '2rem',
+ '10': '2.5rem',
+ '12': '3rem',
+ '16': '4rem',
+ '20': '5rem',
+ '24': '6rem',
+ '32': '8rem'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Margin https://tailwindcss.com/docs/margin
|-----------------------------------------------------------------------------
@@ -676,27 +657,26 @@ module.exports = {
|
*/
- margin: {
- 'auto': 'auto',
- 'px': '1px',
- '0': '0',
- '1': '0.25rem',
- '2': '0.5rem',
- '3': '0.75rem',
- '4': '1rem',
- '5': '1.25rem',
- '6': '1.5rem',
- '8': '2rem',
- '10': '2.5rem',
- '12': '3rem',
- '16': '4rem',
- '20': '5rem',
- '24': '6rem',
- '32': '8rem',
- },
+ margin: {
+ auto: 'auto',
+ px: '1px',
+ '0': '0',
+ '1': '0.25rem',
+ '2': '0.5rem',
+ '3': '0.75rem',
+ '4': '1rem',
+ '5': '1.25rem',
+ '6': '1.5rem',
+ '8': '2rem',
+ '10': '2.5rem',
+ '12': '3rem',
+ '16': '4rem',
+ '20': '5rem',
+ '24': '6rem',
+ '32': '8rem'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Negative margin https://tailwindcss.com/docs/negative-margin
|-----------------------------------------------------------------------------
@@ -711,26 +691,25 @@ module.exports = {
|
*/
- negativeMargin: {
- 'px': '1px',
- '0': '0',
- '1': '0.25rem',
- '2': '0.5rem',
- '3': '0.75rem',
- '4': '1rem',
- '5': '1.25rem',
- '6': '1.5rem',
- '8': '2rem',
- '10': '2.5rem',
- '12': '3rem',
- '16': '4rem',
- '20': '5rem',
- '24': '6rem',
- '32': '8rem',
- },
+ negativeMargin: {
+ px: '1px',
+ '0': '0',
+ '1': '0.25rem',
+ '2': '0.5rem',
+ '3': '0.75rem',
+ '4': '1rem',
+ '5': '1.25rem',
+ '6': '1.5rem',
+ '8': '2rem',
+ '10': '2.5rem',
+ '12': '3rem',
+ '16': '4rem',
+ '20': '5rem',
+ '24': '6rem',
+ '32': '8rem'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Shadows https://tailwindcss.com/docs/shadows
|-----------------------------------------------------------------------------
@@ -746,17 +725,16 @@ module.exports = {
|
*/
- shadows: {
- default: '0 2px 4px 0 rgba(0,0,0,0.10)',
- 'md': '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',
- 'lg': '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)',
- 'inner': 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
- 'outline': '0 0 0 3px rgba(52,144,220,0.5)',
- 'none': 'none',
- },
+ shadows: {
+ default: '0 2px 4px 0 rgba(0,0,0,0.10)',
+ md: '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',
+ lg: '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)',
+ inner: 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
+ outline: '0 0 0 3px rgba(52,144,220,0.5)',
+ none: 'none'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Z-index https://tailwindcss.com/docs/z-index
|-----------------------------------------------------------------------------
@@ -769,18 +747,17 @@ module.exports = {
|
*/
- zIndex: {
- 'auto': 'auto',
- '0': 0,
- '10': 10,
- '20': 20,
- '30': 30,
- '40': 40,
- '50': 50,
- },
+ zIndex: {
+ auto: 'auto',
+ '0': 0,
+ '10': 10,
+ '20': 20,
+ '30': 30,
+ '40': 40,
+ '50': 50
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Opacity https://tailwindcss.com/docs/opacity
|-----------------------------------------------------------------------------
@@ -793,16 +770,15 @@ module.exports = {
|
*/
- opacity: {
- '0': '0',
- '25': '.25',
- '50': '.5',
- '75': '.75',
- '100': '1',
- },
+ opacity: {
+ '0': '0',
+ '25': '.25',
+ '50': '.5',
+ '75': '.75',
+ '100': '1'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| SVG fill https://tailwindcss.com/docs/svg
|-----------------------------------------------------------------------------
@@ -816,12 +792,11 @@ module.exports = {
|
*/
- svgFill: {
- 'current': 'currentColor',
- },
+ svgFill: {
+ current: 'currentColor'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| SVG stroke https://tailwindcss.com/docs/svg
|-----------------------------------------------------------------------------
@@ -835,12 +810,11 @@ module.exports = {
|
*/
- svgStroke: {
- 'current': 'currentColor',
- },
+ svgStroke: {
+ current: 'currentColor'
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Modules https://tailwindcss.com/docs/configuration#modules
|-----------------------------------------------------------------------------
@@ -859,58 +833,57 @@ module.exports = {
|
*/
- modules: {
- appearance: ['responsive'],
- backgroundAttachment: ['responsive'],
- backgroundColors: ['responsive', 'hover', 'focus'],
- backgroundPosition: ['responsive'],
- backgroundRepeat: ['responsive'],
- backgroundSize: ['responsive'],
- borderCollapse: [],
- borderColors: ['responsive', 'hover', 'focus'],
- borderRadius: ['responsive'],
- borderStyle: ['responsive'],
- borderWidths: ['responsive'],
- cursor: ['responsive'],
- display: ['responsive'],
- flexbox: ['responsive'],
- float: ['responsive'],
- fonts: ['responsive'],
- fontWeights: ['responsive', 'hover', 'focus'],
- height: ['responsive'],
- leading: ['responsive'],
- lists: ['responsive'],
- margin: ['responsive'],
- maxHeight: ['responsive'],
- maxWidth: ['responsive'],
- minHeight: ['responsive'],
- minWidth: ['responsive'],
- negativeMargin: ['responsive'],
- opacity: ['responsive'],
- outline: ['focus'],
- overflow: ['responsive'],
- padding: ['responsive'],
- pointerEvents: ['responsive'],
- position: ['responsive'],
- resize: ['responsive'],
- shadows: ['responsive', 'hover', 'focus'],
- svgFill: [],
- svgStroke: [],
- textAlign: ['responsive'],
- textColors: ['responsive', 'hover', 'focus'],
- textSizes: ['responsive'],
- textStyle: ['responsive', 'hover', 'focus'],
- tracking: ['responsive'],
- userSelect: ['responsive'],
- verticalAlign: ['responsive'],
- visibility: ['responsive'],
- whitespace: ['responsive'],
- width: ['responsive'],
- zIndex: ['responsive'],
- },
+ modules: {
+ appearance: ['responsive'],
+ backgroundAttachment: ['responsive'],
+ backgroundColors: ['responsive', 'hover', 'focus'],
+ backgroundPosition: ['responsive'],
+ backgroundRepeat: ['responsive'],
+ backgroundSize: ['responsive'],
+ borderCollapse: [],
+ borderColors: ['responsive', 'hover', 'focus'],
+ borderRadius: ['responsive'],
+ borderStyle: ['responsive'],
+ borderWidths: ['responsive'],
+ cursor: ['responsive'],
+ display: ['responsive'],
+ flexbox: ['responsive'],
+ float: ['responsive'],
+ fonts: ['responsive'],
+ fontWeights: ['responsive', 'hover', 'focus'],
+ height: ['responsive'],
+ leading: ['responsive'],
+ lists: ['responsive'],
+ margin: ['responsive'],
+ maxHeight: ['responsive'],
+ maxWidth: ['responsive'],
+ minHeight: ['responsive'],
+ minWidth: ['responsive'],
+ negativeMargin: ['responsive'],
+ opacity: ['responsive'],
+ outline: ['focus'],
+ overflow: ['responsive'],
+ padding: ['responsive'],
+ pointerEvents: ['responsive'],
+ position: ['responsive'],
+ resize: ['responsive'],
+ shadows: ['responsive', 'hover', 'focus'],
+ svgFill: [],
+ svgStroke: [],
+ textAlign: ['responsive'],
+ textColors: ['responsive', 'hover', 'focus'],
+ textSizes: ['responsive'],
+ textStyle: ['responsive', 'hover', 'focus'],
+ tracking: ['responsive'],
+ userSelect: ['responsive'],
+ verticalAlign: ['responsive'],
+ visibility: ['responsive'],
+ whitespace: ['responsive'],
+ width: ['responsive'],
+ zIndex: ['responsive']
+ },
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Plugins https://tailwindcss.com/docs/plugins
|-----------------------------------------------------------------------------
@@ -924,15 +897,14 @@ module.exports = {
|
*/
- plugins: [
- require('tailwindcss/plugins/container')({
- // center: true,
- // padding: '1rem',
- }),
- ],
+ plugins: [
+ require('tailwindcss/plugins/container')({
+ // center: true,
+ // padding: '1rem',
+ })
+ ],
-
- /*
+ /*
|-----------------------------------------------------------------------------
| Advanced Options https://tailwindcss.com/docs/configuration#options
|-----------------------------------------------------------------------------
@@ -942,10 +914,9 @@ module.exports = {
|
*/
- options: {
- prefix: '',
- important: false,
- separator: ':',
- },
-
+ options: {
+ prefix: '',
+ important: false,
+ separator: ':'
+ }
}