Merge pull request #26 from picturepan2/feature/more-toasts

Feature/more toasts

1 files changed, 10 insertions, 10 deletions

diff --git a/src/buttons.less b/src/buttons.less
index 847abe7..d8b53d8 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -1,7 +1,7 @@
 // Buttons
 .btn {
   -webkit-appearance: none;
-  background-color: transparent;
+  background: transparent;
   border: .1rem solid @core-color;
   border-radius: .3rem;
   color: @core-link-color;
@@ -20,32 +20,32 @@
 
   &:hover,
   &:focus {
-    background-color: @core-color;
+    background: @core-color;
     border-color: darken(@core-color, 5%);
     color: @core-text-color;
   }
   &:active,
   &.active {
-    background-color: darken(@core-color, 5%);
+    background: darken(@core-color, 5%);
     border-color: darken(@core-color, 10%);
     color: @core-text-color;
   }
 
   // Button Primary
   &.btn-primary {
-    background-color: @core-color;
+    background: @core-color;
     border-color: darken(@core-color, 5%);
     color: @core-text-color;
 
     &:hover,
     &:focus {
-      background-color: darken(@core-color, 5%);
+      background: darken(@core-color, 5%);
       border-color: darken(@core-color, 10%);
       color: @core-text-color;
     }
     &:active,
     &.active {
-      background-color: darken(@core-color, 10%);
+      background: darken(@core-color, 10%);
       border-color: darken(@core-color, 15%);
       color: @core-text-color;
     }
@@ -61,7 +61,7 @@
 
   // Button Link
   &.btn-link {
-    background-color: transparent;
+    background: transparent;
     border-color: transparent;
     color: @core-link-color;
 
@@ -101,11 +101,11 @@
 
   // Button Clear
   &.btn-clear {
-    background-color: transparent;
+    background: transparent;
     border: 0;
     border-radius: .7rem;
     height: 1.4rem;
-    margin: .1rem -.2rem .1rem .2rem;
+    margin: .3rem -.2rem .3rem .2rem;
     opacity: .35;
     padding: 0;
     position: relative;
@@ -118,7 +118,7 @@
 
     &::before,
     &::after {
-      background-color: #333;
+      background: #333;
       content: "";
       display: block;
       left: 50%;