feat: port charts, mermaid, math, markmap, copy, pager to Tailwind

modules/wowchemy-tailwind/assets/css/components/all.css

@@ -1,2 +1,3 @@
 @import "page.css";
 @import "task-list.css";
+@import "copy.css";

modules/wowchemy-tailwind/assets/css/components/copy.css

@@ -0,0 +1,28 @@
+/* Code Copy */
+
+/* Hugo's Code Block Wrapper Class */
+
+.highlight {
+  @apply relative z-0;
+}
+
+.highlight:hover > .copy-button {
+  @apply visible;
+}
+
+/* Copy Button */
+
+.copy-button {
+  @apply invisible absolute right-0 top-0 z-10 w-20 py-1
+  cursor-pointer font-mono text-sm whitespace-nowrap
+  rounded-bl-md rounded-tr-md
+  bg-neutral-200 text-neutral-700 opacity-90
+  dark:bg-neutral-600 dark:text-neutral-200;
+}
+
+.copy-button:hover,
+.copy-button:focus,
+.copy-button:active,
+.copy-button:active:hover {
+  @apply bg-primary-100 dark:bg-primary-600;
+}

modules/wowchemy-tailwind/assets/css/themes/default.css

@@ -12,7 +12,7 @@
   --color-neutral-700: 51, 65, 85;
   --color-neutral-800: 30, 41, 59;
   --color-neutral-900: 15, 23, 42;
-  /* Primary */
+  /* TW Blue Palette */
   --color-primary-50: 239, 246, 255;
   --color-primary-100: 219, 234, 254;
   --color-primary-200: 191, 219, 254;
@@ -23,4 +23,15 @@
   --color-primary-700: 29, 78, 216;
   --color-primary-800: 30, 64, 175;
   --color-primary-900: 30, 58, 138;
+  /* TW Cyan Palette */
+  --color-secondary-50: 236, 254, 255;
+  --color-secondary-100: 207, 250, 254;
+  --color-secondary-200: 165, 243, 252;
+  --color-secondary-300: 103, 232, 249;
+  --color-secondary-400: 34, 211, 238;
+  --color-secondary-500: 6, 182, 212;
+  --color-secondary-600: 8, 145, 178;
+  --color-secondary-700: 14, 116, 144;
+  --color-secondary-800: 21, 94, 117;
+  --color-secondary-900: 22, 78, 99;
 }