tailwind.config.js

@@ -7,8 +7,8 @@
 
 // cat node_modules/tailwindcss/stubs/defaultConfig.stub.js
 
-import colors from 'tailwindcss/colors'
-import defaultTheme from 'tailwindcss/defaultTheme'
+const colors = require('tailwindcss/colors')
+const defaultTheme = require('tailwindcss/defaultTheme')
 
 // Delete the 2xl breakpoint from the object
 const containerScreens = Object.assign({}, defaultTheme.screens)
@@ -31,6 +31,16 @@ module.exports = {
         DEFAULT: {
           css: {
             maxWidth: '80ch',
+            'p + ul': {
+              marginTop: '-' + theme('spacing.3'),
+            },
+            li: {
+              marginTop: theme('spacing.1'),
+              marginBottom: theme('spacing.1'),
+            },
+            'a.no-underline': {
+              textDecoration: 'none !important',
+            },
           },
         },
         dark: {
@@ -99,6 +109,7 @@ module.exports = {
       },
     },
     container: {
+      padding: '1.5rem',
       screens: containerScreens,
       center: true,
     },
@@ -138,9 +149,10 @@ module.exports = {
       'dark-active',
     ],
     extend: {
-      opacity: ['disabled'],
+      opacity: ['disabled', 'dark'],
       cursor: ['disabled'],
       typography: ['dark'],
+      fill: ['dark'],
     },
   },
   plugins: [

test/e2e/index.spec.js

@@ -10,7 +10,7 @@ let nuxt = null
 test.before(async () => {
   const config = {
     dev: false,
-    rootDir: resolve(__dirname, '../../')
+    rootDir: resolve(__dirname, '../../'),
   }
   nuxt = new Nuxt(config)
   await new Builder(nuxt).build()

test/helpers/ava.setup.js

@@ -7,9 +7,7 @@ Vue.config.productionTip = false
 // https://github.com/nuxt/create-nuxt-app/issues/180#issuecomment-463069941
 window.Date = global.Date = Date
 
-hooks('vue')
-  .plugin('vue')
-  .push()
+hooks('vue').plugin('vue').push()
 hooks(['vue', 'js'])
   .exclude(({ filename }) => filename.match(/\/node_modules\//))
   .plugin('babel')