From 1ad445f767f9b722ec3b883dd5d8511baab341cd Mon Sep 17 00:00:00 2001
From: Raphael Goetter <raphael@goetter.fr>
Date: Mon, 31 Jul 2017 21:42:15 +0200
Subject: [PATCH] button-burger color

---
 sass/_config/_variables.scss | 1 +
 sass/components/buttons.scss | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/sass/_config/_variables.scss b/sass/_config/_variables.scss
index 156efa5..e3ebac0 100644
--- a/sass/_config/_variables.scss
+++ b/sass/_config/_variables.scss
@@ -54,6 +54,7 @@ $color-link-hover: $color4;
 $brand-primary: $color5;
 
 $color-border: $color7;
+$color-burger: $color1;
 
 // button, badges, alerts color variants list
 // name - background-color - color - border
diff --git a/sass/components/buttons.scss b/sass/components/buttons.scss
index 38c631b..8d95e8d 100644
--- a/sass/components/buttons.scss
+++ b/sass/components/buttons.scss
@@ -100,7 +100,7 @@ button {
   height: 2.4rem;
   width: 2.8rem;
   background-color: transparent;
-  background-image: linear-gradient(to right, currentColor, currentColor);
+  background-image: linear-gradient($color-burger, $color-burger);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 100% 5px;
@@ -114,6 +114,10 @@ button {
   transition-property: transform;
   will-change: transform;
 
+  & > * {
+    @extend .visually-hidden;
+  }
+
   &::before,
   &::after {
     content: "";
@@ -121,7 +125,7 @@ button {
     left: 0; right: 0;
     display: block;
     height: 5px;
-    background: currentColor;
+    background: $color-burger;
     transition: .25s;
     transition-property: transform, top;
     will-change: transform, top;