@r3l/app/lib/styles/layout.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.animatedElement = exports.button = exports.buttonFont = exports.POST_BUTTONS_WIDTH_RESPONSIVE = exports.NESTING_UNIT_RESONSIVE = exports.POST_BUTTONS_WIDTH = exports.POST_BUTTONS_NESTING_UNITS = exports.NESTING_UNIT = exports.sideNavWidth = exports.headerHeight = exports.BANNER_PROMPT_HEIGHT = exports.DESKTOP_PADDING = exports.MAX_POST_WIDTH = exports.SIDE_NAV_PADDING = exports.VOTE_BUTTON_SIZE = exports.CENTER_BUTTON_SIZE = exports.POST_IMAGE_W = exports.POST_IMAGE_H = exports.AVATAR_SIZE = exports.activeButtonShadow = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

var activeButtonShadow = {
  boxShadow: '0 2px 6px hsl(240,0%,70%);'
};
exports.activeButtonShadow = activeButtonShadow;
var s = 1;
var AVATAR_SIZE = 5;
exports.AVATAR_SIZE = AVATAR_SIZE;
var POST_IMAGE_H = 10 * s;
exports.POST_IMAGE_H = POST_IMAGE_H;
var POST_IMAGE_W = 20 * s;
exports.POST_IMAGE_W = POST_IMAGE_W;
var CENTER_BUTTON_SIZE = 5;
exports.CENTER_BUTTON_SIZE = CENTER_BUTTON_SIZE;
var VOTE_BUTTON_SIZE = 4;
exports.VOTE_BUTTON_SIZE = VOTE_BUTTON_SIZE;
var SIDE_NAV_PADDING = 3;
exports.SIDE_NAV_PADDING = SIDE_NAV_PADDING;
var MAX_POST_WIDTH = 120;
exports.MAX_POST_WIDTH = MAX_POST_WIDTH;
var DESKTOP_PADDING = 4;
exports.DESKTOP_PADDING = DESKTOP_PADDING;
var BANNER_PROMPT_HEIGHT = [7 * 8, 5 * 8];
exports.BANNER_PROMPT_HEIGHT = BANNER_PROMPT_HEIGHT;
var headerHeight = 10 * 8;
exports.headerHeight = headerHeight;
var sideNavWidth = 37 * 8;
exports.sideNavWidth = sideNavWidth;
var NESTING_UNIT = 3;
exports.NESTING_UNIT = NESTING_UNIT;
var POST_BUTTONS_NESTING_UNITS = 4; // export const POST_BUTTONS_UNITS = 4;

exports.POST_BUTTONS_NESTING_UNITS = POST_BUTTONS_NESTING_UNITS;
var POST_BUTTONS_WIDTH = POST_BUTTONS_NESTING_UNITS * NESTING_UNIT;
exports.POST_BUTTONS_WIDTH = POST_BUTTONS_WIDTH;
var NESTING_UNIT_RESONSIVE = 2;
exports.NESTING_UNIT_RESONSIVE = NESTING_UNIT_RESONSIVE;
var POST_BUTTONS_WIDTH_RESPONSIVE = POST_BUTTONS_NESTING_UNITS * NESTING_UNIT_RESONSIVE;
exports.POST_BUTTONS_WIDTH_RESPONSIVE = POST_BUTTONS_WIDTH_RESPONSIVE;
var buttonFont = {
  fontSize: 1,
  color: 'white',
  fontFamily: 'HelveticaNeue-Medium'
};
exports.buttonFont = buttonFont;

var button = _objectSpread(_objectSpread({}, buttonFont), {}, {
  background: 'blue',
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  height: 7,
  minWidth: [15 * 8, 18 * 8],
  px: 2,
  margin: 0
});

exports.button = button;
var animatedElement = {
  position: 'absolute',
  top: 0,
  left: 0,
  zIndex: 10000,
  backgroundColor: 'transparent'
};
exports.animatedElement = animatedElement;
//# sourceMappingURL=layout.js.map