From 0a08aa84dfb3101bacb16465410ee3f2ad4b5032 Mon Sep 17 00:00:00 2001
From: Alex Windett <windettalex@gmail.com>
Date: Thu, 27 Oct 2016 16:47:03 +0100
Subject: [PATCH] REM Function - updating function to allow for multiple values
 to be pased in single arguement

---
 ui/webpack/base.js | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/ui/webpack/base.js b/ui/webpack/base.js
index 915b1de1..f4d0256f 100644
--- a/ui/webpack/base.js
+++ b/ui/webpack/base.js
@@ -17,11 +17,16 @@ const plugins = {
           require('postcss-modules-values'),
           require('postcss-functions')({
             functions: {
-              remCalc: function(pixels) {
-                pixels = pixels.replace('px', '');
-                const baseValue = 16;
-                const remSize = pixels / baseValue;
-                return `${remSize}rem`;
+              remCalc: function(values) {
+                values = values.replace('px', '');
+                values = values.split(' ');
+                let outputRems = '';
+                const base = 16;
+                values.forEach( (value, i) => {
+                  const remValue = value / base;
+                  outputRems += i === 0 ? `${remValue}rem` : ` ${remValue}rem`;
+                });
+                return outputRems;
               }
             },
           }),