Merge pull request #16 from CornellCustomDev/flux-overrides

splitting out the flux elements and renaming them

Author: msc18-cornell

package-lock.json

@@ -19,5 +19,8 @@
         "@rollup/rollup-linux-x64-gnu": "4.9.5",
         "@tailwindcss/oxide-linux-x64-gnu": "^4.0.1",
         "lightningcss-linux-x64-gnu": "^1.29.1"
+    },
+    "devDependencies": {
+        "sass-embedded": "^1.97.0"
     }
 }

package.json

@@ -0,0 +1 @@
+div{background-color:#0ff}

public/build/assets/app-ppwW4VC5.css

@@ -1,13 +1,22 @@
 {
-  "resources/css/app.css": {
-    "file": "assets/app-BcYKR7z0.css",
-    "src": "resources/css/app.css",
+  "resources/css/app.scss": {
+    "file": "assets/app-ppwW4VC5.css",
+    "src": "resources/css/app.scss",
     "isEntry": true,
     "name": "app",
     "names": [
       "app.css"
     ]
   },
+  "resources/css/flux-cds.css": {
+    "file": "assets/flux-cds-BcYKR7z0.css",
+    "src": "resources/css/flux-cds.css",
+    "isEntry": true,
+    "name": "flux-cds",
+    "names": [
+      "flux-cds.css"
+    ]
+  },
   "resources/js/app.js": {
     "file": "assets/app-l0sNRNKZ.js",
     "name": "app",

public/build/assets/app-BcYKR7z0.css public/build/assets/flux-cds-BcYKR7z0.csspublic/build/assets/app-BcYKR7z0.css renamed to public/build/assets/flux-cds-BcYKR7z0.css

@@ -9,10 +9,11 @@
 
     <link rel="icon" href="{{ asset('cds/favicon.ico') }}" type="image/vnd.microsoft.icon"/>
 
-    @vite('resources/css/app.css')
+    @vite('resources/css/flux-cds.css')
     <style>
         @import "{{ asset('cds/css/base.css') }}" layer(base);
     </style>
+    @vite('resources/css/app.scss')
 
     <!-- Cornell.edu Typography -->
     <link rel="stylesheet" href="https://use.typekit.net/nwp2wku.css">

public/build/manifest.json

@@ -1,18 +1,20 @@
-import {
-    defineConfig
-} from 'vite';
-import laravel from 'laravel-vite-plugin';
+import { defineConfig } from "vite";
+import laravel from "laravel-vite-plugin";
 import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
     plugins: [
         laravel({
-            input: ['resources/css/app.css', 'resources/js/app.js'],
+            input: [
+                "resources/css/flux-cds.css",
+                "resources/css/app.scss",
+                "resources/js/app.js",
+            ],
             refresh: true,
         }),
         tailwindcss(),
     ],
     server: {
         cors: true,
     },
-});
+});