From 1fc856faf5b304662f29eefcf95c0a5ca6efe003 Mon Sep 17 00:00:00 2001
From: Outdated <38858226+outdatedx@users.noreply.github.com>
Date: Tue, 12 Apr 2022 02:33:48 +0530
Subject: [PATCH] Document Fix for admin/customizing-css (#513)

Addition of node package 'sass-loader' & 'node-sass' as dev dependencies for loading scss for customizing css variables for admin panel.
---
 docs/admin/customizing-css.mdx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/docs/admin/customizing-css.mdx b/docs/admin/customizing-css.mdx
index 45a1397566..42fd69c3b3 100644
--- a/docs/admin/customizing-css.mdx
+++ b/docs/admin/customizing-css.mdx
@@ -35,6 +35,16 @@ You can specify your own SCSS variable stylesheet that will allow for the overri
 
 To do so, provide your base Payload config with a path to your own SCSS variable sheet.
 
+**NOTE: Before you start editing your SCSS file, make sure you install 'sass-loader' & 'node-sass' as dev dependencies.**
+**Node**
+```
+npm install sass-loader node-sass --save-dev
+```
+**YARN**
+```
+yarn add sass-loader node-sass --save-dev
+```
+
 **Example in payload.config.js:**
 ```js
 import { buildConfig } from 'payload/config';