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