From e6a745db9a231ef243beb6d3002dad6ba676515c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Fri, 24 Feb 2017 12:13:36 +0000
Subject: [PATCH] fix baseline grid

---
 frontend/webpack/plugins.js              | 1 +
 ui/src/components/baseline-grid/index.js | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/webpack/plugins.js b/frontend/webpack/plugins.js
index 8bc1c318..2a0e7882 100644
--- a/frontend/webpack/plugins.js
+++ b/frontend/webpack/plugins.js
@@ -27,6 +27,7 @@ module.exports = {
   'named-modules': () => new webpack.NamedModulesPlugin(),
   'define': () => new webpack.DefinePlugin({
     'process.env': {
+      BASELINE_GRID: JSON.stringify(process.env.BASELINE_GRID),
       NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
       APP_NAME: JSON.stringify(pkg.name),
       APP_VERSION: JSON.stringify(pkg.version)
diff --git a/ui/src/components/baseline-grid/index.js b/ui/src/components/baseline-grid/index.js
index 29f2939a..dccbbe0a 100644
--- a/ui/src/components/baseline-grid/index.js
+++ b/ui/src/components/baseline-grid/index.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Baseline } from '../../shared/composers';
+import { unitcalc } from '../../shared/functions';
 import styled from 'styled-components';
 
 const StyledBaselineBackground = styled.div`
@@ -24,7 +25,7 @@ const StyledBaselineBackground = styled.div`
       transparent 50%,
       transparent
     );
-    background-size: 100% 6px;
+    background-size: 100% ${unitcalc(1)};
   }
 `;