// 图标集合

// fontface
@font-face {
    font-family: 'fonteditor';
    src: url('../../font/fonteditor.ttf') format('truetype');
}

.icon() {
    display: inline-block;
    &:before,
    &:after {
        font-family: 'fonteditor';
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.1px;
    }
}

.i-ico(@unicode) {
    &:before {
        content: @unicode;
    }
}

.i-ico(@unicode, @pos) when (@pos = 'after'){
    &:after {
        content: @unicode;
    }
}

.ico {
    .icon();
}

.i-leave {
    .i-ico('\e00c');
}

.i-edit,
.i-del,
.i-leave {
    font-size: 12px;
    &:hover {
        cursor: pointer;
        color: #4A90E2;
    }
}
.i-edit,
.i-del {
    color: lighten(#4A90E2, 10%)
}

.i-edit {
    .i-ico('\e021');
}

.i-del {
    .i-ico('\e020');
}

.i-github {
    .i-ico('\e01e');
}

.i-help {
    .i-ico('\e016');
}

// 编辑器按钮组
.i-new {
    .i-ico('\e019');
}

.i-open {
    .i-ico('\e01A');
}

.i-add {
    .i-ico('\e003');
}

.i-undo {
    .i-ico('\e001');
}

.i-redo {
    .i-ico('\e002');
}

.i-down {
    .i-ico('\e00e');
}

.i-left {
    .i-ico('\e00a');
}

.i-ttf {
    .i-ico('\e00f');
}

.i-woff {
    .i-ico('\e010');
}

.i-zip {
    .i-ico('\e011');
}

.i-save {
    .i-ico('\e022');
}



// glyf编辑器

.i-upshape {
    .i-ico('\e014');
}

.i-downshape {
    .i-ico('\e00b');
}

.i-reversepoints {
    .i-ico('\e00d');
}

.i-alignleft {
    .i-ico('\e006');
}

.i-aligncenter {
    .i-ico('\e004');
}

.i-alignright {
    .i-ico('\e007');
}

.i-aligntop {
    .i-ico('\e008');
}

.i-alignmiddle {
    .i-ico('\e005');
}

.i-aligndescent {
    .i-ico('\e009');
}

.i-alignbaseline {
    .i-ico('\e009');
}

.i-rotateleft {
    .i-ico('\e01c');
}

.i-rotateright {
    .i-ico('\e01d');
}

.i-flip {
    .i-ico('\e013');
}

.i-mirror {
    .i-ico('\e012');
}

.i-splitshapes {
    .i-ico('\e024');
}

.i-joinshapes {
    .i-ico('\e025');
}

.i-intersectshapes {
    .i-ico('\e026');
}

.i-tangencyshapes {
    .i-ico('\e027');
}

.i-rangemode {
    .i-ico('\e029');
}

.i-pointmode {
    .i-ico('\e028');
}

.i-woff2 {
    .i-ico('\e030');
}
