From f0e49a696ba8c260e79edc221fb241e5eabec2da Mon Sep 17 00:00:00 2001
From: Maxime Brazeilles <maxime.brazeilles@gmail.com>
Date: Mon, 28 Nov 2016 14:32:40 +0100
Subject: [PATCH] fix build on travis + pxpx in background for outlook

---
 .eslintrc                          | 2 +-
 package.json                       | 2 +-
 packages/mjml-section/src/index.js | 5 +++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index 904f9d371..0fda15851 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -49,7 +49,7 @@
     "vars-on-top": 0,
 
     "import/extensions": 0,
-    "import/imports-first": 0,
+    "import/first": 0,
     "import/no-dynamic-require": 0,
     "import/no-extraneous-dependencies": 0,
     "import/no-unresolved": 0,
diff --git a/package.json b/package.json
index bba4f238c..018708b3f 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "babel-preset-stage-0": "^6.16.0",
     "babel-register": "^6.16.3",
     "eslint": "^3.8.1",
-    "eslint-config-airbnb": "^12.0.0",
+    "eslint-config-airbnb": "^13.0.0",
     "eslint-plugin-import": "^2.0.1",
     "eslint-plugin-jsx-a11y": "^2.2.3",
     "eslint-plugin-react": "^6.4.1",
diff --git a/packages/mjml-section/src/index.js b/packages/mjml-section/src/index.js
index e4dc03787..3e1110db8 100644
--- a/packages/mjml-section/src/index.js
+++ b/packages/mjml-section/src/index.js
@@ -43,7 +43,7 @@ const baseStyles = {
 const postRender = $ => {
   $('.mj-section-outlook-background').each(function () {
     const url = $(this).data('url')
-    const width = $(this).data('width')
+    const width = parseInt($(this).data('width'))
 
     $(this)
       .removeAttr('class')
@@ -78,9 +78,10 @@ const postRender = $ => {
 
   $('.mj-section-outlook-line').each(function () {
     const $columnDiv = $(this).next()
+    const width = parseInt($(this).data('width'))
 
     $(this).replaceWith(`${helpers.startConditionalTag}
-      </td><td style="vertical-align:${$columnDiv.data('vertical-align')};width:${parseInt($(this).data('width'))}px;">
+      </td><td style="vertical-align:${$columnDiv.data('vertical-align')};width:${width}px;">
       ${helpers.endConditionalTag}`)
 
     $columnDiv.removeAttr('data-vertical-align')