@twreporter/redux/lib/constants/mobile-mockup-specification.js

redux actions and reducers for twreporter website

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.itemWidthPct = exports.itemPlusPaddingWidthPct = exports.itemPaddingRightPct = exports.firstItemMarginLeftPct = void 0;
// 320 is iPhone5 width and also the mockup max-width,
// 238 is the item width in device.
// 26 is the padding between each item

var itemWidth = 238;
var itemPaddingRight = 26;
var mockupWidth = 320;
var firstItemMarginLeft = 42;

// item width pct of mobiel device
var itemWidthPct = exports.itemWidthPct = "".concat(itemWidth / mockupWidth * 100);

// item + padding width pct
var itemPlusPaddingWidthPct = exports.itemPlusPaddingWidthPct = "".concat((itemWidth + itemPaddingRight) / mockupWidth * 100);

// First item has 42px margin-left in mockup.
var firstItemMarginLeftPct = exports.firstItemMarginLeftPct = "".concat(firstItemMarginLeft / mockupWidth * 100);

// Each item has the padding-right:26px in mockup.
var itemPaddingRightPct = exports.itemPaddingRightPct = "".concat(itemPaddingRight / mockupWidth * 100);