Build legacy CSS via cssbundling as well

Add vanilla Sass builds that are also handled by cssbundling-rails.

app/assets/config/manifest.js

@@ -1,4 +1,3 @@
 //= link_tree ../images
+//= link_tree ../../javascript .js
 //= link_tree ../builds
-//= link admin.css
-//= link legacy.css

app/assets/stylesheets/admin.scss

@@ -1,25 +0,0 @@
-@import "legacy/variables";
-
-body#admin-panel {
-  #wrapper {
-    > header {
-      background: $color-red-bright;
-      background: linear-gradient(35deg, rgba(255,0,255,0.2) 0, rgba(153,12,14,0.9) 100%),
-                  url('/img/bg-1.jpg');
-    }
-  }
-
-  #main-nav {
-    ul {
-      grid-template-columns: repeat(4, 1fr);
-
-      li {
-        a {
-          &.active {
-            border-bottom: 2px solid $color-red-bright;
-          }
-        }
-      }
-    }
-  }
-}

app/assets/stylesheets/legacy.css

@@ -1,15 +0,0 @@
-/*
- * This is a manifest file that'll be compiled into legacy.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
- * vendor/assets/stylesheets directory can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the bottom of the
- * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
- * files in this directory. Styles in this file should be added after the last require_* statement.
- * It is generally better to create a new file per style scope.
- *
- *= require_tree ./legacy/
- *= require_self
- */

app/assets/stylesheets/legacy.sass.scss

@@ -0,0 +1,2 @@
+@import "legacy/layout";
+@import "legacy/main_nav";

app/assets/stylesheets/legacy/_layout.scss

@@ -55,6 +55,30 @@
   }
 }
 
+body#admin-panel {
+  #wrapper {
+    > header {
+      background: $color-red-bright;
+      background: linear-gradient(35deg, rgba(255,0,255,0.2) 0, rgba(153,12,14,0.9) 100%),
+                  url('/img/bg-1.jpg');
+    }
+  }
+
+  #main-nav {
+    ul {
+      grid-template-columns: repeat(4, 1fr);
+
+      li {
+        a {
+          &.active {
+            border-bottom: 2px solid $color-red-bright;
+          }
+        }
+      }
+    }
+  }
+}
+
 .flash-msg {
   width: 100%;
   text-align: center;