unistyle-flex-grid/dist/src/flex-column.js

Simple Flexbox grid layout system built with Unistyle

'use strict';

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

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var _breakpoints = require('./breakpoints');

var _breakpoints2 = _interopRequireDefault(_breakpoints);

var _constants = require('./constants');

/**
 * Generate a set of grid column classes using a namespace represented by the
 * breakpoints' names, and adding the column flex properties
 * @param {Object} bps - Breakpoints object with the media queries declarations
 * @returns {Object} - Column properties object
 */
function flexColumn(bps) {
  var properties = {};

  Object.keys(bps).forEach(function (bp) {
    properties['.col-' + bp] = _extends({}, _constants.colFlex);
  });

  return properties;
}

exports['default'] = flexColumn(_breakpoints2['default']);
module.exports = exports['default'];