assets/build.js

@@ -15,6 +15,7 @@ const plugins = [
   postCssPlugin({
     postcss: {
       plugins: [
+        require('tailwindcss/nesting'),
         require('tailwindcss'),
         require('autoprefixer')
       ]

assets/css/app.css

@@ -29,7 +29,7 @@
     & nav ul {
       @apply flex;
 
-      & a { @apply p-3 rounded hover:bg-primary-500 transition; }
+      & a { @apply p-3 rounded hover:bg-primary-700 transition; }
     }
   }
 

assets/tailwind.config.js

@@ -17,7 +17,7 @@ module.exports = {
     container: { center: true },
     extend: {
       colors: {
-        primary: colors.pink
+        primary: colors.sky
       }
     }
   },