aboutsummaryrefslogtreecommitdiff
path: root/app/javascript/scss/application.scss
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/application.scss
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/application.scss')
-rw-r--r--app/javascript/scss/application.scss35
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";