webpackJsonp([0],{453:function(e,t,a){"use strict";functionn(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}functions(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});vari=function(){functione(e,t){for(vara=0;a<t.length;a++){varn=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"inn&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}returnfunction(t,a,n){returna&&e(t.prototype,a),n&&e(t,n),t}}(),c=a(5),o=n(c),u=(a(36),a(48)),d=a(455),m=n(d);["javascript","xml"].forEach(function(e){vart=a(457)("./"+e);m.default.registerLanguage(e,t)});varf=function(e){functiont(){returnl(this,t),r(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}returns(t,e),i(t,[{key:"componentDidMount",value:function(){window.scrollTo(0,0),document.querySelectorAll("code").forEach(function(e){m.default.highlightBlock(e)})}},{key:"render",value:function(){returno.default.createElement("div",{className:"page-back"},o.default.createElement("div",{className:"page-cont"},o.default.createElement("div",{className:"page-head"},o.default.createElement("div",{className:"page-head-in"},o.default.createElement("h1",null,"Getting Started"),o.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."))),o.default.createElement("div",{className:"page-body"},o.default.createElement("div",{className:"page-body-in"},o.default.createElement("div",{className:"docs"},o.default.createElement("div",{className:"docs-sidebar"},o.default.createElement("ul",{className:"docs-sidebar-list"},o.default.createElement("li",null,o.default.createElement("a",{href:"#starter-template"},"Starter Template")),o.default.createElement("li",null,o.default.createElement("a",{href:"#usage-with-html"},"Usage with HTML"),o.default.createElement("ul",null,o.default.createElement("li",null,o.default.createElement("a",{href:"#import-css"},"Import the CSS")),o.default.createElement("li",null,o.default.createElement("a",{href:"#html"},"HTML")))),o.default.createElement("li",null,o.default.createElement("a",{href:"#install-via-npm"},"Install via NPM")),o.default.createElement("li",null,o.default.createElement("a",{href:"#styling"},"Styling"),o.default.createElement("ul",null,o.default.createElement("li",null,o.default.createElement("a",{href:"#sizing"},"Sizing")),o.default.createElement("li",null,o.default.createElement("a",{href:"#rotation-flipping"},"Rotation & Flipping")),o.default.createElement("li",null,o.default.createElement("a",{href:"#border"},"Border")),o.default.createElement("li",null,o.default.createElement("a",{href:"#animation"},"Animation")),o.default.createElement("li",null,o.default.createElement("a",{href:"#animation-hover"},"Animation on Hover")))),o.default.createElement("li",null,o.default.createElement("a",{href:"#license"},"License")))),o.default.createElement("div",{className:"docs-content"},o.default.createElement("h3",null,"Quick Start"),o.default.createElement("div",null,"Looking to quickly add Boxicons to your project? Use the paths to CDN or Download the files here."),o.default.createElement("h3",{id:"starter-template"},"Starter Template"),o.default.createElement("div",null,"Create an HTML document and copy-paste the starter template",o.default.createElement("pre",null," ",o.default.createElement("code",{className:"html"},"<!doctype html>"," ",o.default.createElement("br",null),"<html lang='en'>",o.default.createElement("br",null),o.default.createElement("span",{className:"tab"},"<head>"),o.default.createElem
