code: function getSideMargins (style) {
    const margins = compact(style.split(';')).map((decl) => {
      const split = decl.split(':')
  
      return {
        prop: first(split).trim().toLowerCase(),
        value: last(split).trim().toLowerCase()
      }
    }).filter(({ prop, value }) => prop.indexOf('margin') === 0)
  
    let left = 0
    let right = 0
    margins.forEach(({ prop, value }) => {
      if (prop === 'margin-left') {
        left = value
        return
      }
  
      if (prop === 'margin-right') {
        right = value
        return
      }
  
      if (prop === 'margin') {
        const values = value.split(' ').map((i) => i.trim())
  
        switch (values.length) {
          case 1:
            right = first(values)
            left = first(values)
            break
  
          case 2:
            right = last(values)
            left = last(values)
            break
  
          case 3:
            right = nth(values, 1)
            left = nth(values, 1)
            break
  
          default:
            right = nth(values, 1)
            left = nth(values, 3)
            break
        }
      }
    })
  
    return { left, right }
  }
docs: pulls the left and right margins from the given inline styles
  @param  {String} style the inline styles
  @return {Object}       object with left and right margins