feat(assets): Adds component page and Tailwind support to CL

.github/workflows/docker-build.yml

@@ -67,6 +67,8 @@ jobs:
           }'
       - name: Wait for Temporary Pod to Start
         run: kubectl wait pods -n ${{ env.EKS_NAMESPACE }} --for condition=Ready --timeout=90s temp-pod-${{ steps.vars.outputs.sha_short }}
+      - name: Build tailwind assets
+        run: kubectl exec -n ${{ env.EKS_NAMESPACE }} temp-pod-${{ steps.vars.outputs.sha_short }} -- bash -c "npm install --prefix ./cl --no-input && npm run build --prefix ./cl --no-input"
       - name: Collect Static Assets
         id: collectStatic
         run: |

.gitignore

@@ -29,6 +29,7 @@ cl/assets/media/recap_processing_queue/
 cl/assets/media/xml/
 cl/assets/static/
 cl/assets/static-global/js/react
+cl/assets/static-global/css/tailwind_styles.css
 
 # IntelliJ IDEA files
 .idea

cl/assets/tailwind/input.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

cl/assets/tailwind/tailwind.config.js

@@ -0,0 +1,27 @@
+module.exports = {
+  content: [
+    /**
+     * HTML. Paths to Django template files that will contain Tailwind CSS classes.
+     */
+
+    /*  Templates within theme app (<tailwind_app_name>/templates), e.g. base.html. */
+    '../templates/**/*.html',
+
+    /*
+     * Main templates directory of the project (BASE_DIR/templates).
+     * Adjust the following line to match your project structure.
+     */
+    '../../templates/**/*.html',
+
+    /*
+     * Templates in other django apps (BASE_DIR/<any_app_name>/templates).
+     * Adjust the following line to match your project structure.
+     */
+    '../../**/templates/**/*.html',
+    '../../**/templates/**/*.svg',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};