From 5d047c925071a0931b75cdff3adbf058facd6fec Mon Sep 17 00:00:00 2001 From: chris Date: Fri, 8 Sep 2017 18:27:46 +0200 Subject: [PATCH] Add instructions for reloading CSS (#70) --- README.md | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 51fc46d..ff31cd1 100644 --- a/README.md +++ b/README.md @@ -114,6 +114,8 @@ You need both the re-frame-trace project _and_ a test project to develop it agai lein less once ``` + And then any time you want to reload the CSS, you have to **manually save/touch `styles.cljs`**. Figwheel will not do it for you. ([See below](#problems-while-developing-css) for details). + ### Developing CSS @@ -131,6 +133,6 @@ We are using CSS preprocessing because in order to isolate the panel styles, we #### Problems while developing CSS -- You may need to then save a `.cljs` file to trigger a figwheel reload. -- Did you run `lein less auto` to compile LESS to CSS? -- Try clearing your browser cache/hard-reloading +- You must touch or save the `styles.cljs` file to trigger a CSS reload if you're editing `main.less`. This is because `styles.cljs` slurps `main.css` with a macro that happens before Clojurescript compilation, so figwheel isn't aware of the changes. +- Did you run `lein less auto` or `lein less once` to compile LESS to CSS? +- Try clearing your browser cache/hard-reloading.