From 73b3fffdbe730c33480682c40e7e8271e75ddf59 Mon Sep 17 00:00:00 2001 From: hellekin Date: Sat, 23 Jan 2021 15:35:49 +0100 Subject: 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... --- app/javascript/scss/taxonomies/_dewey.scss | 43 ++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 app/javascript/scss/taxonomies/_dewey.scss (limited to 'app/javascript/scss/taxonomies') diff --git a/app/javascript/scss/taxonomies/_dewey.scss b/app/javascript/scss/taxonomies/_dewey.scss new file mode 100644 index 0000000..a26bc24 --- /dev/null +++ b/app/javascript/scss/taxonomies/_dewey.scss @@ -0,0 +1,43 @@ +/* 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 */ +} -- cgit v1.2.3