Add new blog posts

source/_posts/renaming-gray-grey-tailwind-css.md

@@ -0,0 +1,31 @@
+---
+title: Renaming gray to grey in Tailwind CSS
+description: How to change the colour "gray" to "grey" in Tailwind CSS.
+tags: [Tailwind CSS]
+date: 2020-09-04
+---
+
+In `tailwind.config.js`:
+
+```
+const { colors } = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  purge: ["./public/**/*.html"],
+  theme: {
+    extend: {
+      colors: {
+        // Remove the "gray" colours from the theme.
+        gray: {},
+
+        // Create a new set of "grey" colours, using the original "gray" values.
+        grey: colors['gray']
+      }
+    },
+  },
+  variants: {},
+  plugins: [],
+};
+```
+
+Based on a configuration file from https://github.com/tailwindlabs/tailwindcss-playground.