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/application.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/application.scss')
-rw-r--r-- | app/javascript/scss/application.scss | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/app/javascript/scss/application.scss b/app/javascript/scss/application.scss new file mode 100644 index 0000000..3bf6259 --- /dev/null +++ b/app/javascript/scss/application.scss @@ -0,0 +1,35 @@ +/* + *= require normalize.css/normalize.css + *= require_self + *= require_tree . + *= require leaflet + *= require leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.webpack.css + *= require leaflet.markercluster/dist/MarkerCluster.css + *= require leaflet.markercluster/dist/MarkerCluster.Default.css + *= require fork-awesome/scss/fork-awesome.scss + *= require fork-awesome/fonts/forkawesome-webfont + * + */ + +/* Start with resetting the Stylesheet for all browsers */ +@import "normalize.css/normalize.css"; + +/* UI */ +@import "components"; + +/* Controllers */ + +@import "agents"; +@import "taxonomies", "categories", "sections"; +@import "resources"; +@import "users"; +@import "welcome"; + +/* Vendors */ + +@import "leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.webpack.css"; +@import "leaflet.markercluster/dist/MarkerCluster.css"; +@import "leaflet.markercluster/dist/MarkerCluster.Default.css"; + +$fa-font-path: "../../../node_modules/fork-awesome/fonts"; +@import "fork-awesome/scss/fork-awesome.scss"; |