From 76c684b8fc4fdbad013bc258b8629cc410f32205 Mon Sep 17 00:00:00 2001 From: Christoph Wurst <christoph@winzerhof-wurst.at> Date: Mon, 5 Dec 2022 12:42:11 +0100 Subject: [PATCH] doc(css): document frontend sass compilation [skipci] Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at> --- README.md | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 104564a4cee65..710aaa86c855b 100644 --- a/README.md +++ b/README.md @@ -58,7 +58,7 @@ Otherwise, git checkouts can be handled the same as release archives, by using t ### Working with front-end code 🏗 -#### Building +#### Building Vue components and scripts We are moving more and more toward using Vue.js in the front-end, starting with Settings. For building the code on changes, use these terminal commands in the root folder: @@ -76,6 +76,21 @@ make watch-js make build-js-production ``` +#### Building styles + +Styles are written in SCSS and compiled to css. + +```bash +# install dependencies +make dev-setup + +# compile style sheets +npm run sass + +# compile style sheets and watch edits +npm run sass:watch +``` + #### Committing changes **When making changes, also commit the compiled files!**