(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{"./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js!./src/1843/components/color/color.css":function(o,e,s){(o.exports=s("./node_modules/css-loader/lib/css-base.js")(!1)).push([o.i,":root{--1843-color-dubai-45:#c97b1d;--1843-color-1843-red:#b30000}",""])},"./src/1843/components/color/color.css":function(o,e,s){var n=s("./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js!./src/1843/components/color/color.css");"string"===typeof n&&(n=[[o.i,n,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0},d=s("./node_modules/style-loader/lib/addStyles.js")(n,r);n.locals&&(o.exports=n.locals),o.hot.accept("./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js!./src/1843/components/color/color.css",(function(){var e=s("./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js!./src/1843/components/color/color.css");if("string"===typeof e&&(e=[[o.i,e,""]]),!function(o,e){var s,n=0;for(s in o){if(!e||o[s]!==e[s])return!1;n++}for(s in e)n--;return 0===n}(n.locals,e.locals))throw new Error("Aborting CSS HMR due to changed css-modules locals.");d(e)})),o.hot.dispose((function(){d()}))},"./src/1843/components/color/color.docz.mdx":function(o,e,s){"use strict";s.r(e),s.d(e,"default",(function(){return i}));var n=s("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends.js"),r=s("./node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),d=(s("./node_modules/react/index.js"),s("./node_modules/@mdx-js/react/dist/esm.js")),c=s("./node_modules/docz/dist/index.esm.js"),l=(s("./src/1843/components/color/color.css"),{}),t={};function i(o){var e=o.components,s=Object(r.a)(o,["components"]);return Object(d.b)("wrapper",Object(n.a)({},t,s,{components:e,mdxType:"MDXLayout"}),Object(d.b)("h1",{id:"color"},"Color"),Object(d.b)("h2",{id:"color-1"},"Color"),Object(d.b)(c.c,{__position:0,__code:"<code>\n  <span\n    style={{\n      backgroundColor: 'var(--1843-color-dubai-45)',\n      borderRadius: '100%',\n      display: 'inline-block',\n      height: '20px',\n      width: '20px',\n      verticalAlign: 'middle',\n    }}\n  ></span>{' '}\n  --1843-color-dubai-45: #C97B1D;\n  <br />\n  <span\n    style={{\n      backgroundColor: 'var(--1843-color-1843-red)',\n      borderRadius: '100%',\n      display: 'inline-block',\n      height: '20px',\n      width: '20px',\n      verticalAlign: 'middle',\n    }}\n  ></span>{' '}\n  --1843-color-1843-red: #B30000;\n  <br />\n</code>",__scope:{props:this?this.props:s,Playground:c.c,Color:l},mdxType:"Playground"},Object(d.b)("code",null,Object(d.b)("span",{style:{backgroundColor:"var(--1843-color-dubai-45)",borderRadius:"100%",display:"inline-block",height:"20px",width:"20px",verticalAlign:"middle"}})," --1843-color-dubai-45: #C97B1D;",Object(d.b)("br",null),Object(d.b)("span",{style:{backgroundColor:"var(--1843-color-1843-red)",borderRadius:"100%",display:"inline-block",height:"20px",width:"20px",verticalAlign:"middle"}})," --1843-color-1843-red: #B30000;",Object(d.b)("br",null))))}i.isMDXComponent=!0}}]);
//# sourceMappingURL=1843-components-color-color-docz.ae83510452dd9d2163a9.js.map