aboutsummaryrefslogtreecommitdiff
path: root/app/javascript/scss/taxonomies
diff options
context:
space:
mode:
authorhellekin <hellekin@cepheide.org>2021-01-23 15:35:49 +0100
committerhellekin <hellekin@cepheide.org>2021-01-23 15:35:49 +0100
commit73b3fffdbe730c33480682c40e7e8271e75ddf59 (patch)
tree94c60464d43c6d39150802e8110cf51be2c326ee /app/javascript/scss/taxonomies
parentb54d7d8aa172f85d53f44b601e4e81660d148342 (diff)
downloadincommon-map-73b3fffdbe730c33480682c40e7e8271e75ddf59.tar.gz
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...
Diffstat (limited to 'app/javascript/scss/taxonomies')
-rw-r--r--app/javascript/scss/taxonomies/_dewey.scss43
1 files changed, 43 insertions, 0 deletions
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 */
+}