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/components/_flash.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/components/_flash.scss')
-rw-r--r-- | app/javascript/scss/components/_flash.scss | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/app/javascript/scss/components/_flash.scss b/app/javascript/scss/components/_flash.scss new file mode 100644 index 0000000..f168e68 --- /dev/null +++ b/app/javascript/scss/components/_flash.scss @@ -0,0 +1,35 @@ +/* + * SPDX-FileCopyrightText: 2020 IN COMMON Collective <collective@incommon.cc + * + * SPDX-License-Identifier: LAL-1.3 + */ + +/* + FLASH +*/ + +#flashes { + position: absolute; + bottom: 2rem; + right: 0; + margin: 0 auto; + width: 50%; + min-width: 24rem; + max-width: 64rem; + max-height: 10rem; + overflow: auto; + padding: 0.25rem; + z-index: 500; + + > span { + display: block; + padding: 0.5rem; + } + + .alert { + background-color: var(--danger-medium); + } + .notice { + background-color: var(--highlight-low); + } +} |