Move CSS to Webpack

Using both the asset pipeline and webpack is confusing
and leads to unpredictable results in production.

This commit moves all (S)CSS to Webpack under `app/javascript/scss`
so that we can test whether the development interface results
in a consistent production deployment.

In order to load the ForkAwesome fonts we used a long path:
`$fa-font-path: "../../../node_modules/fork-awesome/fonts";`
Not sure whether this works...

1 files changed, 35 insertions, 0 deletions

diff --git a/app/javascript/scss/components/_flash.scss b/app/javascript/scss/components/_flash.scss
new file mode 100644
index 0000000..f168e68
--- /dev/null
+++ b/app/javascript/scss/components/_flash.scss
@@ -0,0 +1,35 @@
+/*
+ * SPDX-FileCopyrightText: 2020 IN COMMON Collective <collective@incommon.cc
+ *
+ * SPDX-License-Identifier: LAL-1.3
+ */
+
+/*
+  FLASH
+*/
+
+#flashes {
+    position: absolute;
+    bottom: 2rem;
+    right: 0;
+    margin: 0 auto;
+    width: 50%;
+    min-width: 24rem;
+    max-width: 64rem;
+    max-height: 10rem;
+    overflow: auto;
+    padding: 0.25rem;
+    z-index: 500;
+
+    > span {
+        display: block;
+        padding: 0.5rem;
+    }
+
+    .alert {
+        background-color: var(--danger-medium);
+    }
+    .notice {
+        background-color: var(--highlight-low);
+    }
+}