webpackJsonp([1],{489:function(e,t,n){"use strict";functiona(e){returne&&e.__esModule?e:{default:e}}functionl(e,t){if(!(einstanceoft))thrownewTypeError("Cannot call a class as a function")}functionr(e,t){if(!e)thrownewReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeoft&&"function"!=typeoft?e:t}functioni(e,t){if("function"!=typeoft&&null!==t)thrownewTypeError("Super expression must either be null or a function, not "+typeoft);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});vars=function(){functione(e,t){for(varn=0;n<t.length;n++){vara=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"ina&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}returnfunction(t,n,a){returnn&&e(t.prototype,n),a&&e(t,a),t}}(),c=function(e,t){returnObject.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\n i {\n margin: 0 5px;\n }\n div {\n margin: 0px!important;\n font-size: 17px;\n }\n ul {\n font-size: 18px;\n margin-top: 0px;\n margin-bottom: 0px;\n li{\n i{\n margin: 0px!important;\n }\n }\n \n }\n @media screen and (max-width: ",") {\n .bx-lg{\n font-size: 2.5rem!important;\n }\n }\n padding: 20px 15px;\n margin: 20px 0px;\n border-radius: 5px;margin-bottom: 20px!important; \n box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1), 0 1px 10px 0 rgba(0,0,0,0.06), 0 2px 4px -1px rgba(0,0,0,0.1);\n\n"],["\n i {\n margin: 0 5px;\n }\n div {\n margin: 0px!important;\n font-size: 17px;\n }\n ul {\n font-size: 18px;\n margin-top: 0px;\n margin-bottom: 0px;\n li{\n i{\n margin: 0px!important;\n }\n }\n \n }\n @media screen and (max-width: ",") {\n .bx-lg{\n font-size: 2.5rem!important;\n }\n }\n padding: 20px 15px;\n margin: 20px 0px;\n border-radius: 5px;margin-bottom: 20px!important; \n box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1), 0 1px 10px 0 rgba(0,0,0,0.06), 0 2px 4px -1px rgba(0,0,0,0.1);\n\n"]),o=n(5),d=a(o),u=n(49),m=n(24),f=n(514),b=a(f),p=n(515),x=a(p),h=n(516),E=a(h),g=n(502),N=a(g),v=n(517),y=a(v),w=n(48),_=a(w),O=n(47);["javascript","xml"].forEach(function(e){vart=n(569)("./"+e);b.default.registerLanguage(e,t)});vark=_.default.div(c,O.BREAKPOINT_MD),j=function(e){functiont(){returnl(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}returni(t,e),s(t,[{key:"componentDidMount",value:function(){window.scrollTo(0,0);for(vare=document.querySelectorAll("code"),t=0;t<e.length;t++)b.default.highlightBlock(e[t])}},{key:"render",value:function(){returnd.default.createElement("div",null,d.default.createElement(x.default,null,d.default.createElement("div",{className:"page-cont"},d.default.createElement("div",{className:"page-head"},d.default.createElement("div",{className:"page-head-bg"},d.default.createElement("div",{className:"page-head-in"},d.default.createElement("h1",null,"Getting Started"),d.default.createElement("p",null,"Switching to boxicons is easy and can be done in 2 steps. There are more features than just the icons set. Boxicons also follows the official Google Material Design guidelines")))),d.default.createElement("div",{className:"page-body"},d.default.createElement("div",{className:"page-body-in"},d.default.createElement(E.default,null,d.default.createElement("div",{className:"docs-sidebar"},d.default.createElement("ul",{className:"docs-sidebar-list"},d.default.createElement("li",null,d.default.createElement("a",{href:"#install-via-npm"},"Install via NPM")),d.default.createElement("li",null,d.default.createElement("a",{href:"#web-component"},"Using the Web Component")),d.default.createElement("li",null,d.default.createElement("a",{href:"#usage-as-font"},"Usage as a Font"),d.default.createElement("ul",null,d.default.createElement("li",null,d.default.createElement("a",{href:"#import-css"},"ImporttheCSS