sullivan/build/utils/flex.js

Tools to quickly build interfaces in JS

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var properties = [['align', 'alignItems'], ['self', 'alignSelf'], ['justify', 'justifyContent']];

var values = [['Start', 'flex-start'], ['End', 'flex-end'], ['Center', 'center'], ['Stretch', 'stretch'], ['Between', 'space-between'], ['Around', 'space-around']];

var flex = properties.reduce(function (o, p) {
  values.map(function (v) {
    return o['' + p[0] + v[0]] = _defineProperty({}, p[1], v[1]);
  });
  return o;
}, {});

flex.wrap = {
  flexWrap: 'wrap'
};

flex.center = {
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center'
};

flex.column = {
  display: 'flex',
  flexDirection: 'column'
};

flex.noShrink = {
  flexShrink: 0
};

flex.noGrow = {
  flexGrow: 0
};

exports.default = flex;
//# sourceMappingURL=flex.js.map