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!**