adding stylelint to repo

src/components/builder/right/RightNavbar.module.css

@@ -2,5 +2,6 @@
   width: 75px;
   z-index: 20;
   box-shadow: var(--right-shadow);
+
   @apply px-4 py-6 h-screen flex flex-col items-center;
 }

src/components/builder/right/RightSidebar.module.css

@@ -1,6 +1,6 @@
 .container {
   z-index: 10;
+
   @apply w-full h-screen overflow-scroll p-8;
   @apply grid gap-8;
 }
-

src/components/builder/right/sections/About.module.css

@@ -8,4 +8,4 @@
 
 .container p {
   @apply text-sm font-medium;
-}
+}

src/components/builder/right/sections/Actions.module.css

@@ -8,4 +8,4 @@
 
 .container p {
   @apply text-sm font-medium;
-}
+}

src/components/builder/right/sections/Colors.js

@@ -26,7 +26,7 @@ const Colors = ({ id }) => {
     <section>
       <Heading id={id} />
 
-      <div className="mb-6 grid grid-cols-8 col-gap-2 row-gap-6">
+      <div className="mb-6 grid grid-cols-8 gap-x-2 gap-y-6">
         {colorOptions.map((color) => (
           <div
             key={color}

src/components/builder/right/sections/Colors.module.css

@@ -8,4 +8,4 @@
 
 .circle:hover {
   @apply opacity-75;
-}
+}

src/components/builder/right/sections/Fonts.module.css

@@ -12,4 +12,4 @@
 
 .font.selected {
   @apply outline-none border border-primary-600;
-}
+}

src/components/builder/right/sections/Settings.module.css

@@ -8,4 +8,4 @@
 
 .container p {
   @apply text-sm font-medium;
-}
+}

src/components/builder/right/sections/Templates.module.css

@@ -8,6 +8,7 @@
 
 .template img {
   height: 240px;
+
   @apply w-full object-cover border border-transparent rounded;
   @apply transition-opacity duration-200 ease-in-out;
 }
@@ -23,4 +24,4 @@
 
 .template span {
   @apply mt-1 text-center text-sm font-semibold;
-}
+}