UNPKG

@hixme-ui/theme

Version:

hixme-ui theme

74 lines (47 loc) 10.5 kB
'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _taggedTemplateLiteral2 = require('babel-runtime/helpers/taggedTemplateLiteral'); var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2); var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of'); var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf); var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck'); var _classCallCheck3 = _interopRequireDefault(_classCallCheck2); var _createClass2 = require('babel-runtime/helpers/createClass'); var _createClass3 = _interopRequireDefault(_createClass2); var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn'); var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2); var _inherits2 = require('babel-runtime/helpers/inherits'); var _inherits3 = _interopRequireDefault(_inherits2); var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n@import \'~normalize.css/normalize\';\n\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-SemiboldItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-SemiboldItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-SemiboldItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-SemiboldItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-SemiboldItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-SemiboldItalic.svg#SFProText-SemiboldItalic\') format("svg");\n font-weight: 600;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-HeavyItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-HeavyItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-HeavyItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-HeavyItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-HeavyItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-HeavyItalic.svg#SFProText-HeavyItalic\') format("svg");\n font-weight: 900;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-RegularItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-RegularItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-RegularItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-RegularItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-RegularItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-RegularItalic.svg#SFProText-RegularItalic\') format("svg");\n font-weight: normal;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Bold.eot\');\n src: url(\'fonts/SFProText/SFProText-Bold.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Bold.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Bold.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Bold.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Bold.svg#SFProText-Bold\') format("svg");\n font-weight: bold;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Medium.eot\');\n src: url(\'fonts/SFProText/SFProText-Medium.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Medium.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Medium.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Medium.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Medium.svg#SFProText-Medium\') format("svg");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Heavy.eot\');\n src: url(\'fonts/SFProText/SFProText-Heavy.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Heavy.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Heavy.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Heavy.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Heavy.svg#SFProText-Heavy\') format("svg");\n font-weight: 900;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Regular.eot\');\n src: url(\'fonts/SFProText/SFProText-Regular.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Regular.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Regular.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Regular.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Regular.svg#SFProText-Regular\') format("svg");\n font-weight: normal;\n font-style: normal;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n height: 100%;\n font-family: "SF Pro Display", "Arial", "sans-serif";\n font-size: 14px;\n color: #3A4951;\n line-height: 1.42857143;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\na {\n text-decoration: none;\n}\n '], ['\n@import \'~normalize.css/normalize\';\n\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-SemiboldItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-SemiboldItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-SemiboldItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-SemiboldItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-SemiboldItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-SemiboldItalic.svg#SFProText-SemiboldItalic\') format("svg");\n font-weight: 600;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-HeavyItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-HeavyItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-HeavyItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-HeavyItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-HeavyItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-HeavyItalic.svg#SFProText-HeavyItalic\') format("svg");\n font-weight: 900;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-RegularItalic.eot\');\n src: url(\'fonts/SFProText/SFProText-RegularItalic.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-RegularItalic.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-RegularItalic.woff\') format("woff"), url(\'fonts/SFProText/SFProText-RegularItalic.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-RegularItalic.svg#SFProText-RegularItalic\') format("svg");\n font-weight: normal;\n font-style: italic;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Bold.eot\');\n src: url(\'fonts/SFProText/SFProText-Bold.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Bold.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Bold.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Bold.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Bold.svg#SFProText-Bold\') format("svg");\n font-weight: bold;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Medium.eot\');\n src: url(\'fonts/SFProText/SFProText-Medium.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Medium.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Medium.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Medium.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Medium.svg#SFProText-Medium\') format("svg");\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Heavy.eot\');\n src: url(\'fonts/SFProText/SFProText-Heavy.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Heavy.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Heavy.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Heavy.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Heavy.svg#SFProText-Heavy\') format("svg");\n font-weight: 900;\n font-style: normal;\n}\n@font-face {\n font-family: "SF Pro Text";\n src: url(\'fonts/SFProText/SFProText-Regular.eot\');\n src: url(\'fonts/SFProText/SFProText-Regular.eot?#iefix\') format("embedded-opentype"), url(\'fonts/SFProText/SFProText-Regular.woff2\') format("woff2"), url(\'fonts/SFProText/SFProText-Regular.woff\') format("woff"), url(\'fonts/SFProText/SFProText-Regular.ttf\') format("truetype"), url(\'fonts/SFProText/SFProText-Regular.svg#SFProText-Regular\') format("svg");\n font-weight: normal;\n font-style: normal;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n height: 100%;\n font-family: "SF Pro Display", "Arial", "sans-serif";\n font-size: 14px;\n color: #3A4951;\n line-height: 1.42857143;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\na {\n text-decoration: none;\n}\n ']); /* eslint-disable no-unused-expressions, max-len, camelcase, class-methods-use-this */ var _react = require('react'); var _react2 = _interopRequireDefault(_react); var _propTypes = require('prop-types'); var _propTypes2 = _interopRequireDefault(_propTypes); var _styledComponents = require('styled-components'); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var GlobalStylesContainer = function (_React$Component) { (0, _inherits3.default)(GlobalStylesContainer, _React$Component); function GlobalStylesContainer() { (0, _classCallCheck3.default)(this, GlobalStylesContainer); return (0, _possibleConstructorReturn3.default)(this, (GlobalStylesContainer.__proto__ || (0, _getPrototypeOf2.default)(GlobalStylesContainer)).apply(this, arguments)); } (0, _createClass3.default)(GlobalStylesContainer, [{ key: 'UNSAFE_componentWillMount', value: function UNSAFE_componentWillMount() { (0, _styledComponents.injectGlobal)(_templateObject); } }, { key: 'render', value: function render() { return this.props.children; } }]); return GlobalStylesContainer; }(_react2.default.Component); exports.default = GlobalStylesContainer; GlobalStylesContainer.propTypes = { children: _propTypes2.default.element.isRequired }; //# sourceMappingURL=GlobalStylesContainer.js.map