function padding() {
    for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
      values[_key] = arguments[_key];
    }
    return directionalProperty.apply(void 0, ['padding'].concat(values));
  }
Shorthand that accepts up to four values, including null to skip a value, and maps them to their respective directions.
@example
// Styles as object usage
const styles = {
  ...padding('12px', '24px', '36px', '48px')
}

// styled-components usage
const div = styled.div`
  ${padding('12px', '24px', '36px', '48px')}
`

// CSS as JS Output

div {
  'paddingTop': '12px',
  'paddingRight': '24px',
  'paddingBottom': '36px',
  'paddingLeft': '48px'
}