From 288270661431f4abda0280acc7f3480d84d0e6a2 Mon Sep 17 00:00:00 2001
From: Jack <jacklukic@gmail.com>
Date: Sun, 9 Sep 2018 21:57:09 -0700
Subject: [PATCH] Make values relative

---
 src/themes/default/elements/loader.variables | 22 ++++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/themes/default/elements/loader.variables b/src/themes/default/elements/loader.variables
index 499266525..a6335add9 100644
--- a/src/themes/default/elements/loader.variables
+++ b/src/themes/default/elements/loader.variables
@@ -30,30 +30,30 @@
 @loaderTextColor: @textColor;
 @invertedLoaderTextColor: @invertedTextColor;
 
-@contentSpacing: 20px;
 
 /* Content Loader Lines */
-@contentLineMargin: @12px;
-@contentHeaderLineHeight: @9px;
-@contentLineHeight: @7px;
+@contentSpacing: @relative20px;
+@contentLineMargin: @relative12px;
+@contentHeaderLineHeight: @relative9px;
+@contentLineHeight: @relative7px;
 @contentParagraphLineHeight: @contentLineHeight;
 
 /* Image */
 @contentImageHeight: 100px;
 
 /* Header Image */
-@contentImageWidth: 50px;
+@contentImageWidth: 3em;
 @contentImageTextIndent: @10px;
 
 /* Paragraph */
 @contentHeaderLineOneOutdent: 0px;
-@contentHeaderLineTwoOutdent: 8rem;
+@contentHeaderLineTwoOutdent: 8em;
 
-@contentLineOneOutdent: 4rem;
-@contentLineTwoOutdent: 7rem;
-@contentLineThreeOutdent: 2rem;
-@contentLineFourOutdent: 6rem;
-@contentLineFiveOutdent: 10rem;
+@contentLineOneOutdent: 4em;
+@contentLineTwoOutdent: 7em;
+@contentLineThreeOutdent: 2em;
+@contentLineFourOutdent: 6em;
+@contentLineFiveOutdent: 10em;
 
 /* Glow Gradient */
 @contentLoadingAnimationDuration: 2s;