antd-color-editor/es/ThemeProvider/GlobalStyle.js

An open-source color editor for designing color system

var _templateObject;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createGlobalStyle } from 'antd-style';
var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  \n  \n\tbody {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\tfont-family: ", ";\n\t\tfont-size: ", "px;\n\t\tline-height: 1;\n\t\tcolor: ", ";\n\n\t\tbackground-color: ", ";\n\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t}\n  \n  a {\n\t  line-height: 1;\n  }\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t#root {\n\t\tmin-height: 100vh;\n\t}\n\n\t::-webkit-scrollbar {\n\t\twidth: 4px;\n\t\theight: 4px;\n\t\tmargin-right: 4px;\n\t\tbackground-color: transparent;\n\n\t\t&-thumb {\n\t\t\tbackground-color: ", "; \n\t\t\tborder-radius: 4px; \n\t\t}\n\n\t\t&-corner {\n\t\t\tdisplay: none;\n\t\t}\n    \n\t}\n"])), function (_ref) {
  var theme = _ref.theme;
  return theme.fontFamily;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.fontSize;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.colorTextBase;
}, function (p) {
  return p.theme.colorBgLayout;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.colorFill;
});
export default GlobalStyle;