From 597cce456679fc67e6aa37bc4271ff60a8ee0152 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Tue, 13 Feb 2018 21:23:33 -0500
Subject: [PATCH] Extracting green gradient

---
 src/components/Header/style.css | 4 +---
 src/globals.css                 | 4 ++++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Header/style.css b/src/components/Header/style.css
index 7361b03..18aabca 100644
--- a/src/components/Header/style.css
+++ b/src/components/Header/style.css
@@ -1,9 +1,7 @@
 @import url('../../globals.css');
 
 .header {
-  background: var(--color-green) linear-gradient(to bottom,
-    var(--color-green) 0%,
-    color(var(--color-green) shade(40%)) 100%);
+  background: var(--color-green) var(--gradient-green);
   box-shadow: 0 0 1rem var(--color-black);
   padding: 0 var(--content-margin);
   margin: 0 calc(-1 * var(--content-margin)) var(--spacing-margin) calc(-1 * var(--content-margin));
diff --git a/src/globals.css b/src/globals.css
index eaf466e..247cf04 100644
--- a/src/globals.css
+++ b/src/globals.css
@@ -6,6 +6,10 @@
   --color-white: #fff;
   --color-red: #b3151a;
 
+  --gradient-green: linear-gradient(to bottom,
+    var(--color-green) 0%,
+    color(var(--color-green) shade(40%)) 100%);
+
   --header-height: 6rem;
   --content-margin: 2rem;
   --spacing-margin: 1rem;