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/components/_footer.scss | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 app/javascript/scss/components/_footer.scss (limited to 'app/javascript/scss/components/_footer.scss') diff --git a/app/javascript/scss/components/_footer.scss b/app/javascript/scss/components/_footer.scss new file mode 100644 index 0000000..4ab34a2 --- /dev/null +++ b/app/javascript/scss/components/_footer.scss @@ -0,0 +1,20 @@ +body>footer { + position: absolute; + z-index: 1004; + margin: 0 auto; + background-color: rgba(0,0,0,0.5); + color: white; + text-align: center; + bottom: 0; + left: 0; + right: 0; + width: 10rem; + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} + +.app-version a:link, +.app-version a:visited { + color: whitesmoke; +} + -- cgit v1.2.3