UNPKG

design-system-simplefi

Version:

Design System for SimpleFi Applications

SimpleFi-finance/design-system

18 lines • 8.53 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } return cooked; }; import { createGlobalStyle } from 'styled-components'; import { BASE_FONT_SIZE, BASE_LINE_HEIGHT } from '../constants'; import { getColor, getFontFamily, getFontWeight, pxToRem } from '../../utils'; import SpaceMonoRegularWoff2 from '../fonts/SpaceMono-Regular.woff2'; import SpaceMonoRegularWoff from '../fonts/SpaceMono-Regular.woff'; import NBInternationalProBoldItalic from '../fonts/NBInternationalProBoldItalic.ttf'; import NBInternationalProBold from '../fonts/NBInternationalProBold.ttf'; import NBInternationalProItalic from '../fonts/NBInternationalProItalic.ttf'; import NBInternationalProRegular from '../fonts/NBInternationalProRegular.ttf'; import NBInternationalProLight from '../fonts/NBInternationalProLight.ttf'; import NBInternationalProLightItalic from '../fonts/NBInternationalProLightItalic.ttf'; export default createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: italic;\n font-weight: bold;\n }\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: normal;\n font-weight: bold;\n }\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: italic;\n font-weight: normal;\n }\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: normal;\n font-weight: normal;\n }\n\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: normal;\n font-weight: lighter;\n }\n\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: italic;\n font-weight: lighter;\n }\n\n @font-face {\n font-family: 'space-mono';\n src: url(", "), url(", ");\n font-style: normal;\n font-weight: 400;\n letter-spacing: 1px;\n }\n\n /* http://meyerweb.com/eric/tools/css/reset/\n v4.0 | 20180602\n License: none (public domain)\n */\n html, body, div, span, applet, object, iframe,\n h1, h2, h3, h4, h5, h6, p, blockquote, pre,\n a, abbr, acronym, address, big, cite, code,\n del, dfn, em, img, ins, kbd, q, s, samp,\n small, strike, strong, sub, sup, tt, var,\n b, u, i, center,\n dl, dt, dd, ol, ul, li,\n fieldset, form, label, legend,\n table, caption, tbody, tfoot, thead, tr, th, td,\n article, aside, canvas, details, embed,\n figure, figcaption, footer, header, hgroup,\n main, menu, nav, output, ruby, section, summary,\n time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n }\n /* HTML5 display-role reset for older browsers */\n article, aside, details, figcaption, figure,\n footer, header, hgroup, main, menu, nav, section {\n display: block;\n }\n /* HTML5 hidden-attribute fix for newer browsers */\n *[hidden] {\n display: none;\n }\n body {\n background: ", ";\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n }\n ol, ul {\n list-style: none;\n }\n blockquote, q {\n quotes: none;\n }\n blockquote:before, blockquote:after,\n q:before, q:after {\n content: '';\n content: none;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n /* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ (2015/04/28)*/\n html {\n box-sizing: border-box;\n }\n /* Additional resets */\n a {\n text-decoration: none;\n color: inherit;\n }\n button {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n color: inherit;\n font: inherit;\n text-align: inherit;\n outline: none;\n line-height: inherit;\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: none;\n }\n *, *:before, *:after {\n box-sizing: border-box;\n /* Fix antialiasing */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n /* Disable user select on everything but texts */\n user-select: none;\n }\n p, h1, h2, h3, h4, h5, h6, blockquote, pre, ul, ol, li, table, tr, th, td, input, textarea {\n user-select: text;\n }\n"], ["\n\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: italic;\n font-weight: bold;\n }\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: normal;\n font-weight: bold;\n }\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: italic;\n font-weight: normal;\n }\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: normal;\n font-weight: normal;\n }\n\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: normal;\n font-weight: lighter;\n }\n\n @font-face {\n font-family: 'NBInternationalPro';\n src: url(", ") format('truetype');\n font-style: italic;\n font-weight: lighter;\n }\n\n @font-face {\n font-family: 'space-mono';\n src: url(", "), url(", ");\n font-style: normal;\n font-weight: 400;\n letter-spacing: 1px;\n }\n\n /* http://meyerweb.com/eric/tools/css/reset/\n v4.0 | 20180602\n License: none (public domain)\n */\n html, body, div, span, applet, object, iframe,\n h1, h2, h3, h4, h5, h6, p, blockquote, pre,\n a, abbr, acronym, address, big, cite, code,\n del, dfn, em, img, ins, kbd, q, s, samp,\n small, strike, strong, sub, sup, tt, var,\n b, u, i, center,\n dl, dt, dd, ol, ul, li,\n fieldset, form, label, legend,\n table, caption, tbody, tfoot, thead, tr, th, td,\n article, aside, canvas, details, embed,\n figure, figcaption, footer, header, hgroup,\n main, menu, nav, output, ruby, section, summary,\n time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n }\n /* HTML5 display-role reset for older browsers */\n article, aside, details, figcaption, figure,\n footer, header, hgroup, main, menu, nav, section {\n display: block;\n }\n /* HTML5 hidden-attribute fix for newer browsers */\n *[hidden] {\n display: none;\n }\n body {\n background: ", ";\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n }\n ol, ul {\n list-style: none;\n }\n blockquote, q {\n quotes: none;\n }\n blockquote:before, blockquote:after,\n q:before, q:after {\n content: '';\n content: none;\n }\n table {\n border-collapse: collapse;\n border-spacing: 0;\n }\n /* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ (2015/04/28)*/\n html {\n box-sizing: border-box;\n }\n /* Additional resets */\n a {\n text-decoration: none;\n color: inherit;\n }\n button {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n color: inherit;\n font: inherit;\n text-align: inherit;\n outline: none;\n line-height: inherit;\n /* stylelint-disable-next-line property-no-vendor-prefix */\n -webkit-appearance: none;\n }\n *, *:before, *:after {\n box-sizing: border-box;\n /* Fix antialiasing */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n /* Disable user select on everything but texts */\n user-select: none;\n }\n p, h1, h2, h3, h4, h5, h6, blockquote, pre, ul, ol, li, table, tr, th, td, input, textarea {\n user-select: text;\n }\n"])), NBInternationalProBoldItalic, NBInternationalProBold, NBInternationalProItalic, NBInternationalProRegular, NBInternationalProLight, NBInternationalProLightItalic, SpaceMonoRegularWoff2, SpaceMonoRegularWoff, getColor('white'), getFontFamily('base'), getFontWeight('regular'), pxToRem(BASE_FONT_SIZE), pxToRem(BASE_LINE_HEIGHT), getColor('black')); var templateObject_1; //# sourceMappingURL=GlobalStyles.js.map