From 45a7ac7b41386c0fd58a95a22df96c7677afdabd Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Thu, 26 Oct 2023 21:32:23 +0100
Subject: [PATCH] feat: port callout and icon shortcodes to Tailwind

And migrate others across without changes.
---
 modules/wowchemy-tailwind/tailwind.config.js | 55 ++++++++++----------
 1 file changed, 27 insertions(+), 28 deletions(-)

diff --git a/modules/wowchemy-tailwind/tailwind.config.js b/modules/wowchemy-tailwind/tailwind.config.js
index 189a32c3..2a7d7e5e 100644
--- a/modules/wowchemy-tailwind/tailwind.config.js
+++ b/modules/wowchemy-tailwind/tailwind.config.js
@@ -10,35 +10,34 @@ module.exports = {
   ],
   darkMode: ['class'],
   theme: {
-    colors: {
-      transparent: "transparent",
-      neutral: {
-        DEFAULT: "rgba(var(--color-neutral), <alpha-value>)",
-        50: "rgba(var(--color-neutral-50), <alpha-value>)",
-        100: "rgba(var(--color-neutral-100), <alpha-value>)",
-        200: "rgba(var(--color-neutral-200), <alpha-value>)",
-        300: "rgba(var(--color-neutral-300), <alpha-value>)",
-        400: "rgba(var(--color-neutral-400), <alpha-value>)",
-        500: "rgba(var(--color-neutral-500), <alpha-value>)",
-        600: "rgba(var(--color-neutral-600), <alpha-value>)",
-        700: "rgba(var(--color-neutral-700), <alpha-value>)",
-        800: "rgba(var(--color-neutral-800), <alpha-value>)",
-        900: "rgba(var(--color-neutral-900), <alpha-value>)",
-      },
-      primary: {
-        50: "rgba(var(--color-primary-50), <alpha-value>)",
-        100: "rgba(var(--color-primary-100), <alpha-value>)",
-        200: "rgba(var(--color-primary-200), <alpha-value>)",
-        300: "rgba(var(--color-primary-300), <alpha-value>)",
-        400: "rgba(var(--color-primary-400), <alpha-value>)",
-        500: "rgba(var(--color-primary-500), <alpha-value>)",
-        600: "rgba(var(--color-primary-600), <alpha-value>)",
-        700: "rgba(var(--color-primary-700), <alpha-value>)",
-        800: "rgba(var(--color-primary-800), <alpha-value>)",
-        900: "rgba(var(--color-primary-900), <alpha-value>)",
-      },
-    },
     extend: {
+      colors: {
+        neutral: {
+          DEFAULT: "rgba(var(--color-neutral), <alpha-value>)",
+          50: "rgba(var(--color-neutral-50), <alpha-value>)",
+          100: "rgba(var(--color-neutral-100), <alpha-value>)",
+          200: "rgba(var(--color-neutral-200), <alpha-value>)",
+          300: "rgba(var(--color-neutral-300), <alpha-value>)",
+          400: "rgba(var(--color-neutral-400), <alpha-value>)",
+          500: "rgba(var(--color-neutral-500), <alpha-value>)",
+          600: "rgba(var(--color-neutral-600), <alpha-value>)",
+          700: "rgba(var(--color-neutral-700), <alpha-value>)",
+          800: "rgba(var(--color-neutral-800), <alpha-value>)",
+          900: "rgba(var(--color-neutral-900), <alpha-value>)",
+        },
+        primary: {
+          50: "rgba(var(--color-primary-50), <alpha-value>)",
+          100: "rgba(var(--color-primary-100), <alpha-value>)",
+          200: "rgba(var(--color-primary-200), <alpha-value>)",
+          300: "rgba(var(--color-primary-300), <alpha-value>)",
+          400: "rgba(var(--color-primary-400), <alpha-value>)",
+          500: "rgba(var(--color-primary-500), <alpha-value>)",
+          600: "rgba(var(--color-primary-600), <alpha-value>)",
+          700: "rgba(var(--color-primary-700), <alpha-value>)",
+          800: "rgba(var(--color-primary-800), <alpha-value>)",
+          900: "rgba(var(--color-primary-900), <alpha-value>)",
+        },
+      },
       fontFamily: {
         'sans': ['"Inter var"', ...defaultTheme.fontFamily.sans],
       },