From c64f6b9ebe17554c500224784417471fb0f93ce5 Mon Sep 17 00:00:00 2001
From: newick <erick@entre-quote.com>
Date: Mon, 12 Aug 2019 22:20:53 +0200
Subject: [PATCH] added delete buttons

---
 src/assets/scss/atoms/_buttons.scss | 26 +++++++++++++++++++-------
 src/assets/scss/variables.scss      |  1 +
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/assets/scss/atoms/_buttons.scss b/src/assets/scss/atoms/_buttons.scss
index 02926f1a..7b522b79 100644
--- a/src/assets/scss/atoms/_buttons.scss
+++ b/src/assets/scss/atoms/_buttons.scss
@@ -6,10 +6,13 @@ input[type="submit"] {
   padding-left: 1.5rem;
   font-size: 1.6rem;
   line-height: 1;
+  background-color: #fff;
   border: 2px solid $primary_color;
   border-radius: 0.3rem;
 
-  &.background-btn {
+  &.btn_background {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
     font-weight: 600;
     background-color: $primary_color;
 
@@ -19,7 +22,13 @@ input[type="submit"] {
     }
 
     &.btn_delete {
+      color: #fff;
+      background-color: $red;
 
+      &:hover {
+        color: $red;
+        background-color: #fff;
+      }
     }
   }
 
@@ -28,11 +37,14 @@ input[type="submit"] {
     padding-bottom: 0.8rem;
 
     &:hover {
-      background-color: rgba($primary_color, .2);
-    }
-
-    &.btn_delete {
-      
+      background-color: rgba($primary_color, 0.2);
     }
   }
-}
\ No newline at end of file
+
+  &.btn_delete {
+    &,
+    &:hover {
+      border-color: $red;
+    }
+  }
+}
diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss
index 13e08f02..a3d567dc 100644
--- a/src/assets/scss/variables.scss
+++ b/src/assets/scss/variables.scss
@@ -9,6 +9,7 @@ $dark-lavender: #7d6c99;
 $dusty-orange: #f18647;
 $mango: #ffb92c;
 $violet: #bd10e0;
+$red: #cd0000;
 
 // interpretations in app
 $primary_color: $sun-yellow;