changed style of default buttons, edited colors, added info and action types

css/style.css

@@ -7,12 +7,12 @@ a.button {
   padding: 20px 25px;
   display: inline-block;
   text-transform: uppercase;
-  margin-bottom: 20px;
+  margin: 5px 5px 5px 0;
   border: 0;
   /* SIZE button styles */
-  /* COLOR button styles */ }
+  /* TYPE button styles */ }
   a.button:hover, a.button:focus {
-    background: #999999; }
+    background: #b3b3b3; }
   a.button.small {
     padding: 10px 15px;
     font-size: 0.9em; }
@@ -20,12 +20,20 @@ a.button {
     padding: 30px 35px;
     font-size: 1.2em; }
   a.button.primary {
-    background: #004099; }
+    background: #226CFF; }
     a.button.primary:hover, a.button.primary:focus {
-      background: #00265a; }
-  a.button.alternate {
-    background: #044c37; }
-    a.button.alternate:hover, a.button.alternate:focus {
-      background: #06805b; }
+      background: #0050ee; }
+  a.button.warning {
+    background: #FF2247; }
+    a.button.warning:hover, a.button.warning:focus {
+      background: #ee0028; }
+  a.button.info {
+    background: #FFDA22; }
+    a.button.info:hover, a.button.info:focus {
+      background: #eec600; }
+  a.button.action {
+    background: #4FBE00; }
+    a.button.action:hover, a.button.action:focus {
+      background: #3a8b00; }
 
 /*# sourceMappingURL=style.css.map */

css/style.css.map

 {
 "version": 3,
-"mappings": ";AACA,QAAS;EACL,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,IAAI;EACrB,WAAW,EAAE,IAAI;EACjB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,YAAY;EACrB,cAAc,EAAE,SAAS;EACzB,aAAa,EAAE,IAAI;EACnB,MAAM,EAAE,CAAC;;;EAET,8BACQ;IACJ,UAAU,EAAE,OAAO;EAIvB,cAAQ;IACJ,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,KAAK;EAEpB,cAAQ;IACJ,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,KAAK;EAIpB,gBAAU;IACN,UAAU,EAAE,OAAO;IACnB,8CACQ;MACJ,UAAU,EAAE,OAAO;EAG3B,kBAAY;IACR,UAAU,EAAE,OAAO;IACnB,kDACQ;MACJ,UAAU,EAAE,OAAO",
+"mappings": ";AACA,QAAS;EACL,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;EACX,eAAe,EAAE,IAAI;EACrB,WAAW,EAAE,IAAI;EACjB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,YAAY;EACrB,cAAc,EAAE,SAAS;EACzB,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,CAAC;;;EAET,8BACQ;IACJ,UAAU,EAAE,OAAiB;EAIjC,cAAQ;IACJ,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,KAAK;EAEpB,cAAQ;IACJ,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,KAAK;EAIpB,gBAAU;IACN,UAAU,EAAE,OAAO;IACnB,8CACQ;MACJ,UAAU,EAAE,OAAoB;EAGxC,gBAAU;IACN,UAAU,EAAE,OAAO;IACnB,8CACQ;MACJ,UAAU,EAAE,OAAoB;EAGxC,aAAO;IACH,UAAU,EAAE,OAAO;IACnB,wCACQ;MACJ,UAAU,EAAE,OAAoB;EAGxC,eAAS;IACL,UAAU,EAAE,OAAO;IACnB,4CACQ;MACJ,UAAU,EAAE,OAAoB",
 "sources": ["../sass/lbd_button_shortcode.scss"],
 "names": [],
 "file": "style.css"

sass/lbd_button_shortcode.scss

@@ -7,12 +7,12 @@ a.button {
     padding: 20px 25px;
     display: inline-block;
     text-transform: uppercase;
-    margin-bottom: 20px;
+    margin: 5px 5px 5px 0;
     border: 0;
 
     &:hover,
     &:focus {
-        background: #999999;
+        background: darken(#ccc, 10%);
     }
 
     /* SIZE button styles */
@@ -25,20 +25,34 @@ a.button {
         font-size: 1.2em;
     }
 
-    /* COLOR button styles */
+    /* TYPE button styles */
     &.primary {
-        background: #004099;
+        background: #226CFF;
         &:hover,
         &:focus {
-            background: #00265a;
+            background: darken(#226CFF, 10%);
         }
     }
-    &.alternate {
-        background: #044c37;
+    &.warning {
+        background: #FF2247;
         &:hover,
         &:focus {
-            background: #06805b
+            background: darken(#FF2247, 10%);
         }
     }
-    
+    &.info {
+        background: #FFDA22;
+        &:hover,
+        &:focus {
+            background: darken(#FFDA22, 10%);
+        }
+    }
+    &.action {
+        background: #4FBE00;
+        &:hover,
+        &:focus {
+            background: darken(#4FBE00, 10%);
+        }
+    }
+
 }