Secondary Buttons added

Author: atharvagadkari05

src/lib/eccentric.css

@@ -135,6 +135,39 @@ button:hover {
   border-width: 2px;
 }
 
+// These are Secondary Buttons
+
+
+
+// Secondary Info button 
+.et-button-info-secondary{
+  background-color: var(--et-white);
+  border: 2px solid var(--et-blue-primary);
+  color: var(--et-blue-primary);
+}
+
+// Alert button
+.et-button-alert-secondary{
+  background-color: (var(--et-white));
+  border: 2px solid var(--et-danger);
+  color: var(--et-danger);
+}
+
+// Warning button
+.et-button-warning-secondary{
+  background-color: (var(--et-white));
+  border: 2px solid var(--et-warning);
+  color: var(--et-warning);
+}
+
+// Valid/Success button
+.et-button-success-secondary{
+  background-color: (var(--et-white));
+  border: 2px solid var(--et-green-primary);
+  color: var(--et-green-primary);
+}
+
+
 // Heading Method - Combined button Property
 
 h1,.et-h1,h2,.et-h2,h3,.et-h3,h4,.et-h4,h5,.et-h5,h6,.et-h6{

src/lib/eccentric.css.map

@@ -14,5 +14,11 @@
   <button class="et-button-warning">Check Notifications</button>
   <button class="et-button-deactivated">Button</button>
   <button class="et-button-deactivated-secondary">deactivated</button>
+
+
+<button class="et-button-info-secondary">Button</button>
+<button class="et-button-alert-secondary">Button</button>
+<button class="et-button-warning-secondary">Button</button>
+<button class="et-button-success-secondary">Button</button>
 </body>
 </html>

src/lib/eccentric.scss

@@ -26,6 +26,18 @@ __BUTTON__TESTS = [
   },
   {
     "classname": "et-button-deactivated-secondary"
+  },
+  {
+    "classname":  "et-button-info-secondary"
+  },
+  {
+    "classname":  "et-button-alert-secondary"
+  },
+  {
+    "classname":  "et-button-warning-secondary"
+  },
+  {
+    "classname":  "et-button-success-secondary"
   }
 ]