commit c5e8541aceba7e929043fad421df734c7c046156
parent 9bf09eca7654b7bdf0d24914ee9beed612d15873
Author: Massimo Siboldi <mdsiboldi@gmail.com>
Date: Wed, 21 Feb 2018 16:29:05 -0800
icon font and del / dupe buttons
Diffstat:
17 files changed, 776 insertions(+), 12 deletions(-)
diff --git a/icons/dupe.svg b/icons/dupe.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16px"
+ height="16px"
+ viewBox="0 0 16 16"
+ version="1.1"
+ id="SVGRoot"
+ inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+ sodipodi:docname="dupe.svg">
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="16"
+ inkscape:cx="8"
+ inkscape:cy="8"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ inkscape:window-width="1596"
+ inkscape:window-height="861"
+ inkscape:window-x="0"
+ inkscape:window-y="18"
+ inkscape:window-maximized="0"
+ inkscape:grid-bbox="true" />
+ <defs
+ id="defs6884" />
+ <metadata
+ id="metadata6887">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <path
+ id="rect6054"
+ d="M 0,0 V 1.1674027 11.560546 H 4.3789777 V 16 H 16 V 4.4421788 H 11.62375 V 0 Z M 2.3514187,2.3402565 H 9.2723316 V 4.4421788 H 4.3789777 V 5.6095814 9.2175118 H 2.3514187 Z M 11.62375,6.7824352 h 2.024827 V 13.665141 H 6.7303963 V 11.560546 H 11.62375 Z"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.34461236;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+ inkscape:connector-curvature="0" />
+ </g>
+</svg>
diff --git a/icons/ex.svg b/icons/ex.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16px"
+ height="16px"
+ viewBox="0 0 16 16"
+ version="1.1"
+ id="SVGRoot"
+ inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+ sodipodi:docname="ex.svg">
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="16"
+ inkscape:cx="-3.3125"
+ inkscape:cy="8"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ inkscape:window-width="1596"
+ inkscape:window-height="861"
+ inkscape:window-x="0"
+ inkscape:window-y="18"
+ inkscape:window-maximized="0"
+ inkscape:grid-bbox="true" />
+ <defs
+ id="defs6884" />
+ <metadata
+ id="metadata6887">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path6045"
+ d="M 15.921306,2.0554434 13.943242,0.07845685 7.9999098,6.0217996 2.0565773,0.0784567 0.07814387,2.0554434 6.0217925,7.9998751 0.07814417,13.943578 2.0565776,15.921656 7.9999098,9.9775901 13.943242,15.921656 15.921306,13.943578 9.977657,7.9998751 Z"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.79720831;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+ </g>
+</svg>
diff --git a/icons/plus.svg b/icons/plus.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16px"
+ height="16px"
+ viewBox="0 0 16 16"
+ version="1.1"
+ id="SVGRoot"
+ inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+ sodipodi:docname="plus.svg">
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="16"
+ inkscape:cx="-3.3125"
+ inkscape:cy="8"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ inkscape:window-width="1596"
+ inkscape:window-height="861"
+ inkscape:window-x="0"
+ inkscape:window-y="18"
+ inkscape:window-maximized="0"
+ inkscape:grid-bbox="true" />
+ <defs
+ id="defs6884" />
+ <metadata
+ id="metadata6887">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path6045"
+ d="m 9.1409529,0 -2.2819266,6.2174e-4 5.8e-6,6.85820116 -6.85819739,-6e-6 L 0,9.1409578 6.8590082,9.1414095 6.8590391,16 9.1418085,15.999795 9.1413856,9.1411775 16,9.1416005 l -8e-6,-2.2825578 -6.8585878,-3.04e-5 z"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.28238821;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+ </g>
+</svg>
diff --git a/icons/volume.svg b/icons/volume.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="16px"
+ height="16px"
+ viewBox="0 0 16 16"
+ version="1.1"
+ id="SVGRoot"
+ inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+ sodipodi:docname="volume.svg">
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="16"
+ inkscape:cx="-3.3125"
+ inkscape:cy="13.984375"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ inkscape:window-width="1596"
+ inkscape:window-height="861"
+ inkscape:window-x="0"
+ inkscape:window-y="18"
+ inkscape:window-maximized="0"
+ inkscape:grid-bbox="true" />
+ <defs
+ id="defs2508" />
+ <metadata
+ id="metadata2511">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ id="layer1"
+ inkscape:groupmode="layer"
+ inkscape:label="Layer 1">
+ <path
+ style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.04294065px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 13.669279,0.090259 c -2.267721,1.6739612 -4.5354496,3.3479598 -6.8031714,5.0219211 -1.5117961,0 -3.0235922,0 -4.535387,0 0,1.9252007 0,3.8504386 0,5.7756389 1.5117948,0 3.0235909,0 4.535387,0 2.2677218,1.673962 4.5354504,3.34796 6.8031714,5.021922 0,-5.273161 0,-10.5463215 0,-15.819482 z"
+ id="path6010"
+ inkscape:connector-curvature="0" />
+ </g>
+</svg>
diff --git a/src/App/index.js b/src/App/index.js
@@ -6,6 +6,7 @@ import CircleButton from '../CircleButton/';
import Param from '../Param/';
import Wheel from '../Wheel/';
import './App.css';
+import '../iconfont/style.css';
import consts from '../consts.js';
import helpers from '../helpers.js';
diff --git a/src/WaveManager/index.js b/src/WaveManager/index.js
@@ -12,8 +12,18 @@ export default class WaveManager extends Component {
<div class="buttons">
<div class="left-button-group">
<div>
- <button class="item" onClick={this.props.remove}>remove</button>
- <button class="item" onClick={this.props.duplicate}>dupe</button>
+ <button
+ class="item"
+ onClick={this.props.remove}
+ >
+ <span class="icon-ex"></span>
+ </button>
+ <button
+ class="item"
+ onClick={this.props.duplicate}
+ >
+ <span class="icon-dupe"></span>
+ </button>
</div>
</div>
<div class="right-button-group">
diff --git a/src/WaveManager/style.css b/src/WaveManager/style.css
@@ -43,16 +43,19 @@
background: none;
}
-/* solo button */
-.wave-manager .buttons button.item.solo {
+.wave-manager .buttons .item {
opacity: 0.8;
- color: #0040d1;
}
-
-.wave-manager .buttons button.item.solo:hover {
+.wave-manager .buttons .item:hover {
opacity: 1;
}
+
+/* solo button */
+.wave-manager .buttons button.item.solo {
+ color: #0040d1;
+}
+
.wave-manager .buttons button.item.solo.active,
.wave-manager .buttons button.item.solo:active {
color: #ffffff;
@@ -61,14 +64,9 @@
/* mute button */
.wave-manager .buttons button.item.mute {
- opacity: 0.8;
color: #474747;
}
-.wave-manager .buttons button.item.mute:hover {
- opacity: 1;
-}
-
.wave-manager .buttons button.item.mute.active,
.wave-manager .buttons button.item.mute:active {
color: #ffffff;
@@ -88,3 +86,11 @@
.wave-manager.selected .wave-table {
background: #fff;
}
+
+.wave-manager .icon-ex:before {
+ color: red;
+}
+
+.wave-manager .icon-dupe:before {
+ color: green;
+}
diff --git a/src/iconfont/Read Me.txt b/src/iconfont/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.
diff --git a/src/iconfont/demo-files/demo.css b/src/iconfont/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;
+}
+
diff --git a/src/iconfont/demo-files/demo.js b/src/iconfont/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();
+}());
diff --git a/src/iconfont/demo.html b/src/iconfont/demo.html
@@ -0,0 +1,102 @@
+<!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: 4)</small></h1>
+ </div>
+ <div class="clearfix mhl ptl">
+ <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+ <div class="glyph fs1">
+ <div class="clearfix bshadow0 pbs">
+ <span class="icon-ex">
+
+ </span>
+ <span class="mls"> icon-ex</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="" 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-dupe">
+
+ </span>
+ <span class="mls"> icon-dupe</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="" 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-volume">
+
+ </span>
+ <span class="mls"> icon-volume</span>
+ </div>
+ <fieldset class="fs0 size1of1 clearfix hidden-false">
+ <input type="text" readonly value="e900" class="unit size1of2" />
+ <input type="text" maxlength="1" readonly value="" 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-plus">
+
+ </span>
+ <span class="mls"> icon-plus</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="" 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>
+
+ <!--[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-">
+ </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>
diff --git a/src/iconfont/fonts/icomoon.eot b/src/iconfont/fonts/icomoon.eot
Binary files differ.
diff --git a/src/iconfont/fonts/icomoon.svg b/src/iconfont/fonts/icomoon.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode=" " horiz-adv-x="512" d="" />
+<glyph unicode="" glyph-name="volume" d="M874.834 954.223c-145.134-107.134-290.269-214.269-435.403-321.403-96.755 0-193.51 0-290.265 0 0-123.213 0-246.428 0-369.641 96.755 0 193.51 0 290.265 0 145.134-107.134 290.269-214.269 435.403-321.403 0 337.482 0 674.965 0 1012.447z" />
+<glyph unicode="" glyph-name="plus" d="M585.021 960l-146.043-0.040v-438.925h-438.925l-0.053-146.057 438.977-0.029 0.002-438.95 146.097 0.013-0.027 438.952 438.951-0.027-0.001 146.084-438.95 0.002z" />
+<glyph unicode="" glyph-name="ex" d="M1018.964 828.452l-126.596 126.527-380.373-380.374-380.373 380.374-126.62-126.527 380.394-380.444-380.393-380.397 126.62-126.597 380.373 380.42 380.373-380.42 126.596 126.597-380.394 380.397z" />
+<glyph unicode="" glyph-name="dupe" d="M0 960v-739.875h280.255v-284.125h743.745v739.701h-280.080v284.299zM150.491 810.224h442.938v-134.523h-313.175v-305.621h-129.764zM743.92 525.924h129.589v-440.493h-442.764v134.694h313.175z" />
+</font></defs></svg>
+\ No newline at end of file
diff --git a/src/iconfont/fonts/icomoon.ttf b/src/iconfont/fonts/icomoon.ttf
Binary files differ.
diff --git a/src/iconfont/fonts/icomoon.woff b/src/iconfont/fonts/icomoon.woff
Binary files differ.
diff --git a/src/iconfont/selection.json b/src/iconfont/selection.json
@@ -0,0 +1,154 @@
+{
+ "IcoMoonType": "selection",
+ "icons": [
+ {
+ "icon": {
+ "paths": [
+ "M1018.964 131.548l-126.596-126.527-380.373 380.374-380.373-380.374-126.62 126.527 380.394 380.444-380.393 380.397 126.62 126.597 380.373-380.42 380.373 380.42 126.596-126.597-380.394-380.397z"
+ ],
+ "attrs": [
+ {}
+ ],
+ "isMulticolor": false,
+ "isMulticolor2": false,
+ "grid": 0,
+ "tags": [
+ "ex"
+ ]
+ },
+ "attrs": [
+ {}
+ ],
+ "properties": {
+ "order": 4,
+ "id": 3,
+ "name": "ex",
+ "prevSize": 32,
+ "code": 59650
+ },
+ "setIdx": 0,
+ "setId": 2,
+ "iconIdx": 0
+ },
+ {
+ "icon": {
+ "paths": [
+ "M0 0v739.875h280.255v284.125h743.745v-739.701h-280.080v-284.299zM150.491 149.776h442.938v134.523h-313.175v305.621h-129.764zM743.92 434.076h129.589v440.493h-442.764v-134.694h313.175z"
+ ],
+ "attrs": [
+ {}
+ ],
+ "isMulticolor": false,
+ "isMulticolor2": false,
+ "grid": 0,
+ "tags": [
+ "dupe"
+ ]
+ },
+ "attrs": [
+ {}
+ ],
+ "properties": {
+ "order": 5,
+ "id": 2,
+ "name": "dupe",
+ "prevSize": 32,
+ "code": 59651
+ },
+ "setIdx": 0,
+ "setId": 2,
+ "iconIdx": 1
+ },
+ {
+ "icon": {
+ "paths": [
+ "M874.834 5.777c-145.134 107.134-290.269 214.269-435.403 321.403-96.755 0-193.51 0-290.265 0 0 123.213 0 246.428 0 369.641 96.755 0 193.51 0 290.265 0 145.134 107.134 290.269 214.269 435.403 321.403 0-337.482 0-674.965 0-1012.447z"
+ ],
+ "attrs": [
+ {}
+ ],
+ "isMulticolor": false,
+ "isMulticolor2": false,
+ "grid": 0,
+ "tags": [
+ "volume"
+ ]
+ },
+ "attrs": [
+ {}
+ ],
+ "properties": {
+ "order": 2,
+ "id": 1,
+ "name": "volume",
+ "prevSize": 32,
+ "code": 59648
+ },
+ "setIdx": 0,
+ "setId": 2,
+ "iconIdx": 2
+ },
+ {
+ "icon": {
+ "paths": [
+ "M585.021 0l-146.043 0.040 0 438.925-438.925-0-0.053 146.057 438.977 0.029 0.002 438.95 146.097-0.013-0.027-438.952 438.951 0.027-0.001-146.084-438.95-0.002z"
+ ],
+ "attrs": [
+ {}
+ ],
+ "isMulticolor": false,
+ "isMulticolor2": false,
+ "grid": 0,
+ "tags": [
+ "plus"
+ ]
+ },
+ "attrs": [
+ {}
+ ],
+ "properties": {
+ "order": 3,
+ "id": 0,
+ "name": "plus",
+ "prevSize": 32,
+ "code": 59649
+ },
+ "setIdx": 0,
+ "setId": 2,
+ "iconIdx": 3
+ }
+ ],
+ "height": 1024,
+ "metadata": {
+ "name": "icomoon"
+ },
+ "preferences": {
+ "showGlyphs": true,
+ "showQuickUse": true,
+ "showQuickUse2": true,
+ "showSVGs": true,
+ "fontPref": {
+ "prefix": "icon-",
+ "metadata": {
+ "fontFamily": "icomoon"
+ },
+ "metrics": {
+ "emSize": 1024,
+ "baseline": 6.25,
+ "whitespace": 50
+ },
+ "embed": false
+ },
+ "imagePref": {
+ "prefix": "icon-",
+ "png": true,
+ "useClassSelector": true,
+ "color": 0,
+ "bgColor": 16777215,
+ "classSelector": ".icon"
+ },
+ "historySize": 50,
+ "showCodes": true,
+ "gridSize": 16
+ }
+}
+\ No newline at end of file
diff --git a/src/iconfont/style.css b/src/iconfont/style.css
@@ -0,0 +1,38 @@
+@font-face {
+ font-family: 'icomoon';
+ src: url('fonts/icomoon.eot?vrcun4');
+ src: url('fonts/icomoon.eot?vrcun4#iefix') format('embedded-opentype'),
+ url('fonts/icomoon.ttf?vrcun4') format('truetype'),
+ url('fonts/icomoon.woff?vrcun4') format('woff'),
+ url('fonts/icomoon.svg?vrcun4#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'icomoon' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-ex:before {
+ content: "\e902";
+}
+.icon-dupe:before {
+ content: "\e903";
+}
+.icon-volume:before {
+ content: "\e900";
+}
+.icon-plus:before {
+ content: "\e901";
+}
