ngx-mimic 0.0.7 → 0.0.10

package/fesm2020/ngx-mimic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-mimic.mjs","sources":["../../../projects/ngx-mimic/src/lib/ngx-mimic.service.ts","../../../projects/ngx-mimic/src/lib/ngx-mimic.component.ts","../../../projects/ngx-mimic/src/lib/feature-card/feature-card.component.ts","../../../projects/ngx-mimic/src/lib/feature-card/feature-card.component.html","../../../projects/ngx-mimic/src/lib/button/button.component.ts","../../../projects/ngx-mimic/src/lib/button/button.component.html","../../../projects/ngx-mimic/src/lib/ngx-mimic.module.ts","../../../projects/ngx-mimic/src/public-api.ts","../../../projects/ngx-mimic/src/ngx-mimic.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\n\nexport class NgxMimicService {\n  visualIdentity: VisualIdentity | undefined;\n\n  constructor() { }\n\n  getVisualIdentity(): VisualIdentity | undefined {\n    return this.visualIdentity;\n  }\n\n  setVisualIdentity(visualIdentity: VisualIdentity): void {\n    this.visualIdentity = visualIdentity;\n  }\n}\n\nexport class VisualIdentity {\n  id: number | undefined;\n  theme: number | undefined;\n  baseColor: string | undefined;\n  primaryColor: string | undefined;\n  callToActionColor: string | undefined;\n  textColor: string | undefined;\n  logoFile: string | undefined;\n  logo: any | undefined;\n}","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'lib-ngx-mimic',\n  template: `\n    <p>\n      ngx-mimic works!\n    </p>\n  `,\n  styles: [\n  ]\n})\nexport class NgxMimicComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {}\n\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'mimic-feature-card',\n  templateUrl: './feature-card.component.html',\n  styleUrls: ['./feature-card.component.scss']\n})\nexport class FeatureCardComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","<div class=\"feature-card-body flex flex--between\">\n  <ng-content></ng-content>\n</div>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'lib-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<button type=\"button\">CLICK</button>\n","import { CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders, NgModule } from '@angular/core';\nimport { FeatureCardComponent } from './feature-card/feature-card.component';\nimport { NgxMimicComponent } from './ngx-mimic.component';\nimport { ButtonComponent } from './button/button.component';\n\n@NgModule({\n  declarations: [\n    NgxMimicComponent,\n    FeatureCardComponent,\n    ButtonComponent\n  ],\n  imports: [\n  ],\n  exports: [\n    NgxMimicComponent,\n    FeatureCardComponent,\n    ButtonComponent\n  ],\n  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]\n})\nexport class NgxMimicModule {\n  static forRoot(): ModuleWithProviders<NgxMimicModule> {\n    return {\n      ngModule: NgxMimicModule\n    }\n  }\n}\n","/*\n * Public API Surface of ngx-mimic\n */\n\nexport * from './lib/ngx-mimic.service';\nexport * from './lib/ngx-mimic.component';\nexport * from './lib/ngx-mimic.module';\n\nexport * from './lib/feature-card/feature-card.component'\nexport * from './lib/button/button.component'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-mimic.mjs","sources":["../../../projects/ngx-mimic/src/lib/ngx-mimic.service.ts","../../../projects/ngx-mimic/src/lib/ngx-mimic.component.ts","../../../projects/ngx-mimic/src/lib/feature-card/feature-card.component.ts","../../../projects/ngx-mimic/src/lib/feature-card/feature-card.component.html","../../../projects/ngx-mimic/src/lib/mobile-bar/mobile-bar.component.ts","../../../projects/ngx-mimic/src/lib/mobile-bar/mobile-bar.component.html","../../../projects/ngx-mimic/src/lib/state-menu/state-menu.component.ts","../../../projects/ngx-mimic/src/lib/state-menu/state-menu.component.html","../../../projects/ngx-mimic/src/lib/description-box/description-box.component.ts","../../../projects/ngx-mimic/src/lib/description-box/description-box.component.html","../../../projects/ngx-mimic/src/lib/circle-button/circle-button.component.ts","../../../projects/ngx-mimic/src/lib/circle-button/circle-button.component.html","../../../projects/ngx-mimic/src/lib/tag/tag.component.ts","../../../projects/ngx-mimic/src/lib/tag/tag.component.html","../../../projects/ngx-mimic/src/lib/ngx-mimic.module.ts","../../../projects/ngx-mimic/src/public-api.ts","../../../projects/ngx-mimic/src/ngx-mimic.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\n\nexport class NgxMimicService {\n  visualIdentity: VisualIdentity | undefined;\n\n  constructor() { }\n\n  getVisualIdentity(): VisualIdentity | undefined {\n    return this.visualIdentity;\n  }\n\n  setVisualIdentity(visualIdentity: VisualIdentity): void {\n    this.visualIdentity = visualIdentity;\n  }\n}\n\nexport class VisualIdentity {\n  id: number | undefined;\n  theme: number | undefined;\n  baseColor: string | undefined;\n  primaryColor: string | undefined;\n  callToActionColor: string | undefined;\n  textColor: string | undefined;\n  logoFile: string | undefined;\n  logo: any | undefined;\n}","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'lib-ngx-mimic',\n  template: `\n    <p>\n      ngx-mimic works!\n    </p>\n  `,\n  styles: [\n  ]\n})\nexport class NgxMimicComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {}\n\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'mimic-feature-card',\n  templateUrl: './feature-card.component.html',\n  styleUrls: ['./feature-card.component.scss']\n})\nexport class FeatureCardComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","\n<footer>\n  <div class=\"card-icon flex\">\n\n    <div class=\"box-icon-1 flex\">\n      <div class=\"icon-1\"></div>\n    </div>\n\n    <div class=\"box-icon-2 flex\">\n      <div class=\"icon-2\"></div>\n    </div>\n\n    <div class=\"box-icon-3 flex\">\n      <div class=\"icon-3\"></div>\n    </div>\n\n    <div class=\"box-icon-4 flex\">\n      <div class=\"icon-4\"></div>\n    </div>\n\n  </div>\n</footer>\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'mobile-bar',\n  templateUrl: './mobile-bar.component.html',\n  styleUrls: ['./mobile-bar.component.scss']\n})\nexport class MobileBarComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","<div class=\"mobile-bar-body flex\">\n  <div class=\"mobile-bar-itens flex\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'state-menu',\n  templateUrl: './state-menu.component.html',\n  styleUrls: ['./state-menu.component.scss']\n})\nexport class StateMenuComponent implements OnInit {\n  @Input() active: boolean = false;\n  @Input() icon: string = '';\n  @Input() text: string = '';\n\n  constructor() {}\n\n  ngOnInit() {\n    \n  }\n}\n","<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'description-box',\n  templateUrl: './description-box.component.html',\n  styleUrls: ['./description-box.component.scss']\n})\nexport class DescriptionBoxComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"description-box-body\">\n  <div class=\"description-box-itens\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n  selector: 'circle-button',\n  templateUrl: './circle-button.component.html',\n  styleUrls: ['./circle-button.component.scss']\n})\nexport class CircleButtonComponent implements OnInit {\n  @Input() active: boolean = false;\n  @Input() icon: string = '';\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n}\n","<div class=\"flex circle-button\" [ngClass]=\"active ? 'active' : 'notActive'\">\n  <span class=\"circle-button-icon {{ icon }}\"></span>\n</div>","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'app-tag',\n  templateUrl: './tag.component.html',\n  styleUrls: ['./tag.component.scss']\n})\nexport class TagComponent implements OnInit {\n  @Input() color: string = '#46D0D9';\n  @Input() text: string = '';\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","<span class=\"flex tag text\" style=\"background-color: {{ color }};\">{{ text }}</span>\n\n<div class=\"body\">\n\n<div class=\"flex login\">\n  <p>LOGIN</p>\n</div>\n\n<div class=\"flex option\">\n  <p>Tenho interesse!</p>\n</div>\n\n<div class=\"flex campo-text\">\n  <p class=\"text\">Email</p>\n</div>\n\n\n<div class=\"flex campo\">\n  <h1>1</h1>\n</div>\n\n","import { CUSTOM_ELEMENTS_SCHEMA, ModuleWithProviders, NgModule } from '@angular/core';\nimport { FeatureCardComponent } from './feature-card/feature-card.component';\nimport { NgxMimicComponent } from './ngx-mimic.component';\nimport { MobileBarComponent } from './mobile-bar/mobile-bar.component';\nimport { StateMenuComponent } from './state-menu/state-menu.component';\nimport { DescriptionBoxComponent } from './description-box/description-box.component';\nimport { CircleButtonComponent } from './circle-button/circle-button.component';\nimport { TagComponent } from './tag/tag.component';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  declarations: [\n    NgxMimicComponent,\n    FeatureCardComponent,\n    MobileBarComponent,\n    TagComponent,\n    CircleButtonComponent,\n    StateMenuComponent,\n    DescriptionBoxComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    NgxMimicComponent,\n    FeatureCardComponent,\n    MobileBarComponent,\n    TagComponent,\n    CircleButtonComponent,\n    StateMenuComponent,\n    DescriptionBoxComponent\n  ],\n  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]\n})\nexport class NgxMimicModule {\n  static forRoot(): ModuleWithProviders<NgxMimicModule> {\n    return {\n      ngModule: NgxMimicModule\n    }\n  }\n}\n","/*\n * Public API Surface of ngx-mimic\n */\n\nexport * from './lib/ngx-mimic.service';\nexport * from './lib/ngx-mimic.component';\nexport * from './lib/ngx-mimic.module';\n\nexport * from './lib/feature-card/feature-card.component';\nexport * from './lib/mobile-bar/mobile-bar.component';\nexport * from './lib/state-menu/state-menu.component';\nexport * from './lib/circle-button/circle-button.component';\nexport * from './lib/tag/tag.component';\nexport * from './lib/description-box/description-box.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/circle-button/circle-button.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CircleButtonComponent implements OnInit {
+    active: boolean;
+    icon: string;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircleButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircleButtonComponent, "circle-button", never, { "active": "active"; "icon": "icon"; }, {}, never, never>;
+}

package/lib/description-box/description-box.component.d.ts

@@ -0,0 +1,8 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DescriptionBoxComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DescriptionBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DescriptionBoxComponent, "description-box", never, {}, {}, never, ["*"]>;
+}

package/lib/feature-card/feature-card.component.d.ts

@@ -4,5 +4,5 @@ export declare class FeatureCardComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeatureCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FeatureCardComponent, "mimic-feature-card", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeatureCardComponent, "mimic-feature-card", never, {}, {}, never, never>;
 }

package/lib/mobile-bar/mobile-bar.component.d.ts

@@ -0,0 +1,8 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MobileBarComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MobileBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MobileBarComponent, "mobile-bar", never, {}, {}, never, ["*"]>;
+}

package/lib/ngx-mimic.module.d.ts

@@ -2,10 +2,15 @@ import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./ngx-mimic.component";
 import * as i2 from "./feature-card/feature-card.component";
-import * as i3 from "./button/button.component";
+import * as i3 from "./mobile-bar/mobile-bar.component";
+import * as i4 from "./tag/tag.component";
+import * as i5 from "./circle-button/circle-button.component";
+import * as i6 from "./state-menu/state-menu.component";
+import * as i7 from "./description-box/description-box.component";
+import * as i8 from "@angular/common";
 export declare class NgxMimicModule {
     static forRoot(): ModuleWithProviders<NgxMimicModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxMimicModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMimicModule, [typeof i1.NgxMimicComponent, typeof i2.FeatureCardComponent, typeof i3.ButtonComponent], never, [typeof i1.NgxMimicComponent, typeof i2.FeatureCardComponent, typeof i3.ButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxMimicModule, [typeof i1.NgxMimicComponent, typeof i2.FeatureCardComponent, typeof i3.MobileBarComponent, typeof i4.TagComponent, typeof i5.CircleButtonComponent, typeof i6.StateMenuComponent, typeof i7.DescriptionBoxComponent], [typeof i8.CommonModule], [typeof i1.NgxMimicComponent, typeof i2.FeatureCardComponent, typeof i3.MobileBarComponent, typeof i4.TagComponent, typeof i5.CircleButtonComponent, typeof i6.StateMenuComponent, typeof i7.DescriptionBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxMimicModule>;
 }

package/lib/state-menu/state-menu.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class StateMenuComponent implements OnInit {
+    active: boolean;
+    icon: string;
+    text: string;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StateMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StateMenuComponent, "state-menu", never, { "active": "active"; "icon": "icon"; "text": "text"; }, {}, never, never>;
+}

package/lib/tag/tag.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TagComponent implements OnInit {
+    color: string;
+    text: string;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "app-tag", never, { "color": "color"; "text": "text"; }, {}, never, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-mimic",
-  "version": "0.0.7",
+  "version": "0.0.10",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0"

package/public-api.d.ts

@@ -2,4 +2,8 @@ export * from './lib/ngx-mimic.service';
 export * from './lib/ngx-mimic.component';
 export * from './lib/ngx-mimic.module';
 export * from './lib/feature-card/feature-card.component';
-export * from './lib/button/button.component';
+export * from './lib/mobile-bar/mobile-bar.component';
+export * from './lib/state-menu/state-menu.component';
+export * from './lib/circle-button/circle-button.component';
+export * from './lib/tag/tag.component';
+export * from './lib/description-box/description-box.component';

package/src/assets/icon/Read Me.txt

@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

package/src/assets/icon/demo-files/demo.css

@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 32px;
+}
+

package/src/assets/icon/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());

package/src/assets/icon/demo.html

@@ -0,0 +1,262 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;16)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-location"></span>
+                <span class="mls"> icon-location</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e902" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-chat"></span>
+                <span class="mls"> icon-chat</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e903" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-messenger"></span>
+                <span class="mls"> icon-messenger</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e904" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-home"></span>
+                <span class="mls"> icon-home</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e905" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-building"></span>
+                <span class="mls"> icon-building</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e906" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-farm"></span>
+                <span class="mls"> icon-farm</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e907" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-land"></span>
+                <span class="mls"> icon-land</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e908" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe908;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bedroom"></span>
+                <span class="mls"> icon-bedroom</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e909" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe909;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shower"></span>
+                <span class="mls"> icon-shower</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-garage"></span>
+                <span class="mls"> icon-garage</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90b" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-area"></span>
+                <span class="mls"> icon-area</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90c" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-furnitured"></span>
+                <span class="mls"> icon-furnitured</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-grill"></span>
+                <span class="mls"> icon-grill</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-find-house"></span>
+                <span class="mls"> icon-find-house</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e901" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-heart"></span>
+                <span class="mls"> icon-heart</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e9da" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe9da;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="heart, like" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-share"></span>
+                <span class="mls"> icon-share</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea7d" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea7d;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="share, out" class="liga unitRight" />
+            </div>
+        </div>
+    </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" />
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value=""/>
+        <div id="testDrive" class="icon-" style="font-family: icomoon">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>