From b1799c2acaeeb697b10d665edb06ed5fa968ca5b Mon Sep 17 00:00:00 2001
From: tripathyr <rohit.tripathy@gmail.com>
Date: Mon, 27 Dec 2021 17:29:10 +0530
Subject: [PATCH] Update main.css

---
 Layouts/many sections layout/css/main.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/Layouts/many sections layout/css/main.css b/Layouts/many sections layout/css/main.css
index d7ca143..a5fd428 100644
--- a/Layouts/many sections layout/css/main.css	
+++ b/Layouts/many sections layout/css/main.css	
@@ -1,3 +1,11 @@
+/*
+Add CSS variables here to change CSS of components
+Suppose you want to customize button from component, just add
+
+sm-button {
+--background : #CCC;
+}
+
 * {
   padding: 0;
   margin: 0;
@@ -385,4 +393,4 @@ ul {
   sm-popup {
     --width: 24rem;
   }
-}
\ No newline at end of file
+}