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

Simple Flexbox grid layout system built with Unistyle

/**
 * Constant values to be use along the grid sistem including property blocks to
 * extend another ones
 */

'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; };

var _functions = require('./functions');

var columns = 12;

exports.columns = columns;
var gutter = 0.5;

exports.gutter = gutter;
var col = _extends({}, (0, _functions.spacing)(gutter + 'rem', 'padding', 'horizontal'), {
  boxSizing: 'border-box',
  display: 'flex',
  flexDirection: 'column',
  flexGrow: 0,
  flexShrink: 0
});

exports.col = col;
var colFlex = _extends({}, col, {
  flexGrow: 1,
  flexBasis: 0,
  maxWidth: '100%'
});
exports.colFlex = colFlex;