From cb62925c09042963471d37eca4b4093682c9365b Mon Sep 17 00:00:00 2001
From: Nick Van Doorn <vandoorn.nick@gmail.com>
Date: Mon, 3 Jul 2017 22:22:12 -0700
Subject: Calculate offset as seperate variable

---
 src/components/demo/demo.css       |   8 ++++++--
 src/components/demo/screenshot.png | Bin 150288 -> 150034 bytes
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/demo/demo.css b/src/components/demo/demo.css
index df0219d..e1e9488 100644
--- a/src/components/demo/demo.css
+++ b/src/components/demo/demo.css
@@ -1,5 +1,9 @@
 @import "../../globals.css";
 
+:root {
+  --offset: calc(50% - (var(--roundBtnDim) / 2));
+}
+
 .demo {
   width: 90%;
   position: relative;
@@ -14,8 +18,8 @@
 .btn {
   background: var(--green);
   position: absolute;
-  left: calc(50% - (var(--roundBtnDim) / 2));
-  top: 40%;
+  left: offset;
+  top: offset;
   &:hover{
     transform: scale(1.5);
   }
diff --git a/src/components/demo/screenshot.png b/src/components/demo/screenshot.png
index 36926a9..7b0a336 100644
Binary files a/src/components/demo/screenshot.png and b/src/components/demo/screenshot.png differ
-- 
cgit v1.2.3