@multiplay/ui/dist/molecules/modal/_styles.js

UI kit for Unity and Multiplay applications

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ModalBody = exports.ModalClose = exports.ModalTitle = exports.HeaderWrapper = exports.ModalHeader = undefined;

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _h = require('../../atoms/typography/h3');

var _h2 = _interopRequireDefault(_h);

var _colours = require('../../helpers/colours');

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

// COMPONENTS
var ModalHeader = exports.ModalHeader = _styledComponents2.default.div.withConfig({
  displayName: '_styles__ModalHeader',
  componentId: 'dhh7t6-0'
})(['position:sticky;width:100%;background:#fff;top:0;padding:20px 10px;']);

// HELPERS
var HeaderWrapper = exports.HeaderWrapper = _styledComponents2.default.div.withConfig({
  displayName: '_styles__HeaderWrapper',
  componentId: 'dhh7t6-1'
})(['display:flex;align-items:center;']);

var ModalTitle = exports.ModalTitle = (0, _styledComponents2.default)(_h2.default).withConfig({
  displayName: '_styles__ModalTitle',
  componentId: 'dhh7t6-2'
})(['margin:0 !important;display:flex;']);

var ModalClose = exports.ModalClose = _styledComponents2.default.button.withConfig({
  displayName: '_styles__ModalClose',
  componentId: 'dhh7t6-3'
})(['display:flex;margin:0;padding:0;background:none;height:40px;width:40px;justify-content:center;border:none;']);

var ModalBody = exports.ModalBody = _styledComponents2.default.div.withConfig({
  displayName: '_styles__ModalBody',
  componentId: 'dhh7t6-4'
})(['padding:10px;']);