sullivan/src/utils/spacing.js

Tools to quickly build interfaces in JS

const properties = ['a', 'v', 'h', 't', 'l', 'b', 'r'];
const declarations = [['m', 'margin'], ['p', 'padding']];

export default (sizes = null) => {
  if (!sizes) return {};

  return properties.reduce((o, p) => {
    declarations.map(d => {
      o[`${d[0]}${p}`] = {};
      Object.keys(sizes).map(s => {
        o[`${d[0]}${p}`][s] = (() => { // eslint-disable-line
          const style = {};

          if (!!~['a', 'v', 't'].indexOf(p)) style[`${d[1]}Top`] = sizes[s]; // eslint-disable-line
          if (!!~['a', 'v', 'b'].indexOf(p)) style[`${d[1]}Bottom`] = sizes[s]; // eslint-disable-line
          if (!!~['a', 'h', 'l'].indexOf(p)) style[`${d[1]}Left`] = sizes[s]; // eslint-disable-line
          if (!!~['a', 'h', 'r'].indexOf(p)) style[`${d[1]}Right`] = sizes[s]; // eslint-disable-line
          return style;
        })();
      });
    });
    return o;
  }, {});
};