diff options
author | hellekin <hellekin@cepheide.org> | 2021-01-23 15:35:49 +0100 |
---|---|---|
committer | hellekin <hellekin@cepheide.org> | 2021-01-23 15:35:49 +0100 |
commit | 73b3fffdbe730c33480682c40e7e8271e75ddf59 (patch) | |
tree | 94c60464d43c6d39150802e8110cf51be2c326ee /app/javascript/scss/taxonomies/_dewey.scss | |
parent | b54d7d8aa172f85d53f44b601e4e81660d148342 (diff) | |
download | incommon-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/_dewey.scss')
-rw-r--r-- | app/javascript/scss/taxonomies/_dewey.scss | 43 |
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 */ +} |