added common linear gradient classes and json

WWWPiramalFinanceCOM · Jul 3, 2024 · 192ec7a · 192ec7a
1 parent 4bc8273
commit 192ec7a
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 0 deletions.
diff --git a/component-models.json b/component-models.json
@@ -1148,6 +1148,39 @@
                 "value": "card-full-width"
               }
             ]
+          },
+          {
+            "name": "liner-gradient",
+            "children": [
+              {
+                "name": "gradient-blue-gray",
+                "value": "gradient-blue-gray"
+              },
+              {
+                "name": "gradient-blue",
+                "value": "gradient-blue"
+              },
+              {
+                "name": "gradient-brown",
+                "value": "gradient-brown"
+              },
+              {
+                "name": "gradient-dark-blue",
+                "value": "gradient-dark-blue"
+              },
+              {
+                "name": "gradient-gray",
+                "value": "gradient-gray"
+              },
+              {
+                "name": "gradient-teal",
+                "value": "gradient-teal"
+              },
+              {
+                "name": "gradient-blue-green",
+                "value": "gradient-blue-green"
+              }
+            ]
           }
         ]
       },

diff --git a/styles/styles.css b/styles/styles.css
@@ -440,6 +440,27 @@ main img {
 .teaser.block.--skyblue>.background {
   background-color: var(--skyblue);
 }
+.gradient-blue-gray {
+  background-image: linear-gradient(to right, #2B4054, #2B405400);
+}
+.gradient-blue {
+  background-image: linear-gradient(to right, #587990, #58799000);
+}
+.gradient-brown {
+  background-image: linear-gradient(to right, #755930, #75593000);
+}
+.gradient-dark-blue {
+  background-image: linear-gradient(to right, #2C3C4D, #2C3C4D00);
+}
+.gradient-gray {
+  background-image: linear-gradient(to right, #8F8F8F, #8F8F8F00);
+}
+.gradient-teal {
+  background-image: linear-gradient(to right, #69888D, #69888D00);
+}
+.gradient-blue-green {
+  background-image: linear-gradient(to right, #016084, #01608400);
+}
 
 /* common classes for banner background end */