Adds new jsmn subbranding colors to tailwind

Author: ryanmr

src/css/tailwind.css

@@ -46,17 +46,21 @@ Call to action effects
 
 :root {
   /* Light Cornflower Blue */
-  --box-flap-color-1: #94cbe3;
+  --box-flap-color-1: theme('colors.jsmn-blue');
   /* English Red */
-  --box-flap-color-2: #b73f53;
+  --box-flap-color-2: theme('colors.jsmn-red');
   /* Old Mauve (not used yet) */
-  --box-flap-color-3: #6b334a;
+  --box-flap-color-3: theme('colors.jsmn-mauve');
 
   --box-flap-size: theme('spacing.16');
   --box-flap-offset: theme('spacing.8');
 }
 
 .box-flap {
+  /*
+    Box flap inspiration, by kang, 2019.
+    https://codepen.io/inyoung1/pen/gZVdeX
+  */
   position: relative;
 }
 

tailwind.config.js

@@ -25,6 +25,10 @@ module.exports = {
       white: '#fff',
 
       'jsmn-yellow': '#e5cf5f',
+      'jsmn-black': '#242323',
+      'jsmn-blue': '#94cbe3',
+      'jsmn-red': '#b73f53',
+      'jsmn-mauve': '#6b334a',
 
       gray: {
         100: '#f7fafc',