@mirrormedia/lilith-draft-renderer/lib/website/readr/theme/index.js

## Introduction

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.theme = exports.mediaSize = exports.default = void 0;
const mediaSize = {
  xs: 0,
  sm: 576,
  md: 768,
  lg: 960,
  xl: 1200,
  xxl: 1400
};
exports.mediaSize = mediaSize;
const theme = {
  breakpoint: {
    xs: `@media (min-width: ${mediaSize.xs}px)`,
    sm: `@media (min-width: ${mediaSize.sm}px)`,
    md: `@media (min-width: ${mediaSize.md}px)`,
    lg: `@media (min-width: ${mediaSize.lg}px)`,
    xl: `@media (min-width: ${mediaSize.xl}px)`,
    xxl: `@media (min-width: ${mediaSize.xxl}px)`
  },
  fontSize: {
    xs: 'font-size: 14px;',
    sm: 'font-size: 16px;',
    md: 'font-size: 18px;',
    lg: 'font-size: 24px;',
    xl: 'font-size: 28px;'
  },
  margin: {
    default: 'margin: 32px auto;',
    narrow: 'margin: 16px auto;'
  }
};
exports.theme = theme;
var _default = theme;
exports.default = _default;