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, 0 insertions, 91 deletions

diff --git a/app/assets/stylesheets/taxonomies.scss b/app/assets/stylesheets/taxonomies.scss
deleted file mode 100644
index 1f3d6ea..0000000
--- a/app/assets/stylesheets/taxonomies.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2020 IN COMMON Collective <collective@incommon.cc
- *
- * SPDX-License-Identifier: LAL-1.3
- */
-
-[data-controller="taxonomy"] {
-    height: 100%;
-    overflow: hidden auto;
-    scrollbar-color: var(--incommon-clear85) var(--incommon-blue);
-    scrollbar-width: thin;
-
-    nav {
-        position: relative;
-        bottom: 0;
-        margin: 0;
-        padding: 0;
-        height: calc(100% - 7.5rem);
-        padding-top: 32px;
-        max-width: 35rem;
-        width: 89vw;
-
-        display: none;
-    }
-    &.on {
-        nav {
-            display: block;
-        }
-    }
-}
-
-button[data-action="taxonomy#toggle"] {
-    position: absolute;
-    left: 0.7rem;
-    display: block;
-    cursor: pointer;
-    padding: 16px;
-    color: transparent;
-    background: transparent var(--icon-menu-off) top left/32px no-repeat;
-    border: none;
-    text-align: center;
-    z-index: 1002;
-
-    &.on {
-        background-image: var(--icon-menu-on);
-    }
-}
-
-/* Dewey Taxonomy */
-#taxonomy-2519915f-d19c-4281-b758-f5ddb889d7fa {
-    ol {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-
-        li {
-            padding: 0.5rem 1rem;
-            font-weight: normal;
-            text-align: left;
-            z-index: 1001;
-        }
-
-        ol {
-            display: none;
-        }
-    }
-    .active {
-        font-weight: bold;
-        ol {
-            display: block;
-            z-index: 1002;
-        }
-        li.active {
-            text-align: right;
-            z-index: 1002;
-        }
-    }
-
-    #category-1  { background-color: #BCBCBC; } /* #BCBCBC */
-    #category-2  { background-color: #95a5a6; } /* #FF9200 */
-    #category-3  { background-color: #848482; } /* #FFEB00 */
-    #category-4  { background-color: #948279; } /* #7CFB80 */
-    #category-5  { background-color: #59706a; } /* #16A085 */
-    #category-6  { background-color: #16a085; } /* #97C000 */
-    #category-7  { background-color: #27ae60; } /* #C6B117 */
-    #category-8  { background-color: #2980b9; } /* #7E8AE0 */
-    #category-9  { background-color: #34495e; } /* #677362 */
-    #category-10 { background-color: #bd3525; }
-    #category-11 { background-color: #d35400; } /* #948279 */
-    #category-12 { background-color: #eead0e; } /* #EEAD0E */
-}