@import "./scss/variable.scss";
@import "./scss/mixin.scss";

@font-face {
  font-family: $icon-font-family;
  src: url('#{$icon-font-path}.eot');
  src: url('#{$icon-font-path}.eot?#iefix') format('embedded-opentype'),
    url('#{$icon-font-path}.woff2') format('woff2'),
    url('#{$icon-font-path}.ttf') format('truetype'),
    url('#{$icon-font-path}.woff') format('woff'),
    url('#{$icon-font-path}.svg#articonsvg') format('svg');
}

#{$wicon-prefix} {

  &#{$wicon-prefix}-reverse {
    border-radius: 50%;

    &#{$wicon-prefix}-gray{
      color: $white;
      background-color: $gray;
    }
    &#{$wicon-prefix}-blue{
      color: $white;
      background-color: $blue;
    }
    &#{$wicon-prefix}-orange{
      color: $white;
      background-color: $orange;
    }
    &#{$wicon-prefix}-red{
      color: $white;
      background-color: $red;
    }
    &#{$wicon-prefix}-green{
      color: $white;
      background-color: $green;
    }
  }

  &#{$wicon-prefix}-gray{
    color: $gray;
  }
  &#{$wicon-prefix}-blue{
    color: $blue;
  }
  &#{$wicon-prefix}-orange{
    color: $orange;
  }
  &#{$wicon-prefix}-red{
    color: $red;
  }
  &#{$wicon-prefix}-green{
    color: $green;
  }

  position: relative;
  display: inline-block;
  font-family: $icon-font-family;
  font-style: normal;
  font-weight: normal;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.1px;
  -moz-osx-font-smoothing: grayscale;

  &:before {
    display: inline-block;
    speak: none;
    font-size: $icon-s;
    line-height: $icon-s;
    vertical-align: middle;
    text-align: center;
  }
  &-left {
    margin-right: $icon-size-1;
  }
  &-right {
    margin-left: $icon-size-1;
  }

  &-xxs {
    @include icon-handler($icon-xxs);
  }
  &-xs {
    @include icon-handler($icon-xs);
  }
  &-small {
    @include icon-handler($icon-s);
  }
  &-medium {
    @include icon-handler($icon-m);
  }
  &-large {
    @include icon-handler($icon-l);
  }
  &-xl {
    @include icon-handler($icon-xl);
  }
  &-xxl {
    @include icon-handler($icon-xxl);
  }
  &-xxxl {
    @include icon-handler($icon-xxxl);
  }

  &#{$wicon-prefix}-big {
    @include icon-handler(38px);
  }
  &#{$wicon-prefix}-xl {
    @include icon-handler(32px);
  }
  &#{$wicon-prefix}-large {
    @include icon-handler(24px);
  }
  &#{$wicon-prefix}-medium {
    @include icon-handler(20px);
  }
  &#{$wicon-prefix}-small {
    @include icon-handler(16px);
  }

  @-webkit-keyframes loadingCircle {
    0% {
      transform-origin: 50% 50%;
      transform: rotate(0deg);
    }

    100% {
      transform-origin: 50% 50%;
      transform: rotate(360deg);
    }
  }
  @keyframes loadingCircle {
    0% {
      transform-origin: 50% 50%;
      transform: rotate(0deg);
    }

    100% {
      transform-origin: 50% 50%;
      transform: rotate(360deg);
    }
  }

  &-form::before {
    content: $icon-content-form;
  }
  &-help::before {
    content: $icon-content-help;
  }
  &-refresh::before {
    content: $icon-content-refresh;
  }
  &-atm::before {
    content: $icon-content-atm;
  }
  &-3column::before {
    content: $icon-content-3column;
  }
  &-4column::before {
    content: $icon-content-4column;
  }
  &-discount::before {
    content: $icon-content-discount;
  }
  &-print::before {
    content: $icon-content-print;
  }
  &-bags::before {
    content: $icon-content-bags;
  }
  &-gifts::before {
    content: $icon-content-gifts;
  }
  &-auto::before {
    content: $icon-content-auto;
  }
  &-atm-away::before {
    content: $icon-content-atm-away;
  }
  &-scanning::before {
    content: $icon-content-scanning;
  }
  &-compare::before {
    content: $icon-content-compare;
  }
  &-similar-product::before {
    content: $icon-content-similar-product;
  }
  &-image-text::before {
    content: $icon-content-image-text;
  }
  &-dollar::before {
    content: $icon-content-dollar;
  }
  &-office::before {
    content: $icon-content-office;
  }
  &-bad::before {
    content: $icon-content-bad;
  }
  &-good::before {
    content: $icon-content-good;
  }
  &-skip::before {
    content: $icon-content-skip;
  }
  &-store::before {
    content: $icon-content-store;
  }
  &-personal-center::before {
    content: $icon-content-personal-center;
  }
  &-error::before {
    content: $icon-content-error;
  }
  &-success::before {
    content: $icon-content-success;
  }
  &-display::before {
    content: $icon-content-display;
  }
  &-category::before {
    content: $icon-content-category;
  }
  &-ais::before {
    content: $icon-content-ais;
  }
  &-loading::before {
    content: $icon-content-loading;
    -webkit-animation: loadingCircle 2s infinite linear;
    animation: loadingCircle 2s infinite linear;
  }
  &-favorite::before {
    content: $icon-content-favorite;
  }
  &-USB::before {
    content: $icon-content-USB;
  }
  &-histore-01::before {
    content: $icon-content-histore-01;
  }
  &-huanj-01::before {
    content: $icon-content-huanj-01;
  }
  &-mysql-01::before {
    content: $icon-content-mysql-01;
  }
  &-oracle-01::before {
    content: $icon-content-oracle-01;
  }
  &-oceanbase-01::before {
    content: $icon-content-oceanbase-01;
  }
  &-postgresql-01::before {
    content: $icon-content-postgresql-01;
  }
  &-cart::before {
    content: $icon-content-cart;
  }
  &-cry::before {
    content: $icon-content-cry;
  }
  &-phone::before {
    content: $icon-content-phone;
  }
  // 错误用法，将来版本废弃
  &-Minus-circular::before {
    content: $icon-content-Minus-circular;
  }
  // 错误用法，将来版本废弃
  &-add－circular::before {
    content: $icon-content-add-circular;
  }
  // 错误用法，将来版本废弃
  &-Minus－circular::before {
    content: $icon-content-Minus-circular;
  }
  &-add-circular::before {
    content: $icon-content-add-circular;
  }
  &-minus-circular::before {
    content: $icon-content-minus-circular;
  }
  &-ashbin::before {
    content: $icon-content-ashbin;
  }
  &-warning::before {
    content: $icon-content-warning;
  }
  &-picture::before {
    content: $icon-content-picture;
  }
  &-search::before {
    content: $icon-content-search;
  }
  &-survey::before {
    content: $icon-content-survey;
  }
  &-time::before {
    content: $icon-content-time;
  }
  &-calendar::before {
    content: $icon-content-calendar;
  }
  &-edit::before {
    content: $icon-content-edit;
  }
  &-prompt::before {
    content: $icon-content-prompt;
  }
  &-security::before {
    content: $icon-content-security;
  }
  &-share::before {
    content: $icon-content-share;
  }
  &-compass::before {
    content: $icon-content-compass;
  }
  &-stop::before {
    content: $icon-content-stop;
  }
  &-play::before {
    content: $icon-content-play;
  }
  &-map::before {
    content: $icon-content-map;
  }
  &-all::before {
    content: $icon-content-all;
  }
  &-set::before {
    content: $icon-content-set;
  }
  &-browse::before {
    content: $icon-content-browse;
  }
  &-account::before {
    content: $icon-content-account;
  }
  &-lights::before {
    content: $icon-content-lights;
  }
  &-filter::before {
    content: $icon-content-filter;
  }
  &-computer::before {
    content: $icon-content-computer;
  }
  &-operation::before {
    content: $icon-content-operation;
  }
  &-pin::before {
    content: $icon-content-pin;
  }
  &-attachment::before {
    content: $icon-content-attachment;
  }
  &-cut::before {
    content: $icon-content-cut;
  }
  &-service::before {
    content: $icon-content-service;
  }
  &-credit-level::before {
    content: $icon-content-credit-level;
  }
  // 错误用法，将来版本废弃
  &-Upload::before {
    content: $icon-content-Upload;
  }
  &-upload::before {
    content: $icon-content-upload;
  }
  &-download::before {
    content: $icon-content-download;
  }
  &-process::before {
    content: $icon-content-process;
  }
  &-table::before {
    content: $icon-content-table;
  }
  &-text::before {
    content: $icon-content-text;
  }
  &-move::before {
    content: $icon-content-move;
  }
  // 错误用法，将来版本废弃
  &-History::before {
    content: $icon-content-History;
  }
  &-history::before {
    content: $icon-content-history;
  }
  &-training::before {
    content: $icon-content-training;
  }
  &-box::before {
    content: $icon-content-box;
  }
  &-file::before {
    content: $icon-content-file;
  }
  &-comments::before {
    content: $icon-content-comments;
  }
  &-email::before {
    content: $icon-content-email;
  }
  &-VPN::before {
    content: $icon-content-VPN;
  }
  &-IP::before {
    content: $icon-content-IP;
  }
  &-mobile-phone::before {
    content: $icon-content-mobile-phone;
  }
  &-link::before {
    content: $icon-content-link;
  }
  &-arrow-left::before {
    content: $icon-content-arrow-left;
  }
  &-arrow-right::before {
    content: $icon-content-arrow-right;
  }
  &-arrow-double-right::before {
    content: $icon-content-arrow-double-right;
  }
  &-arrow-double-left::before {
    content: $icon-content-arrow-double-left;
  }
  &-arrow-up::before {
    content: $icon-content-arrow-up;
  }
  &-arrow-down::before {
    content: $icon-content-arrow-down;
  }
  &-arrow-up-full::before {
    content: $icon-content-arrow-up-full;
  }
  &-arrow-down-full::before {
    content: $icon-content-arrow-down-full;
  }
  &-descending::before {
    content: $icon-content-descending;
  }
  &-ascending::before {
    content: $icon-content-ascending;
  }
  &-sorting::before {
    content: $icon-content-sorting;
  }
  &-close::before {
    content: $icon-content-close;
  }
  &-select::before {
    content: $icon-content-select;
  }
  &-add::before {
    content: $icon-content-add;
  }
  &-minus::before {
    content: $icon-content-minus;
  }
  &-list::before {
    content: $icon-content-list;
  }
  &-open-list::before {
    content: $icon-content-open-list;
  }
  &-menu::before {
    content: $icon-content-menu;
  }
  &-furl-list::before {
    content: $icon-content-furl-list;
  }
  &-nav-list::before {
    content: $icon-content-nav-list;
  }
  &-credit-level-filling::before {
    content: $icon-content-credit-level-filling;
  }
  &-email-filling::before {
    content: $icon-content-email-filling;
  }
  &-account-filling::before {
    content: $icon-content-account-filling;
  }
  &-favorites-filling::before {
    content: $icon-content-favorites-filling;
  }
  &-success-filling::before {
    content: $icon-content-success-filling;
  }
  &-delete-filling::before {
    content: $icon-content-delete-filling;
  }
  &-arrow-up-filling::before {
    content: $icon-content-arrow-up-filling;
  }
  &-arrow-down-filling::before {
    content: $icon-content-arrow-down-filling;
  }
  &-left-arrow-filling::before {
    content: $icon-content-left-arrow-filling;
  }
  &-right-arrow-filling::before {
    content: $icon-content-right-arrow-filling;
  }
  &-subscript::before {
    content: $icon-content-subscript;
  }
  &-semi-select::before {
    content: $icon-content-semi-select;
  }
  &-nav-more::before {
    content: $icon-content-nav-more;
  }
  &-ellipsis::before {
    content: $icon-content-ellipsis;
  }
  &-switching-English::before {
    content: $icon-content-switching-English;
  }
  &-switching-Chinese::before {
    content: $icon-content-switching-Chinese;
  }
  &-feedback::before {
    content: $icon-content-feedback;
  }
  &-feedbackhover::before {
    content: $icon-content-feedbackhover;
  }
  &-favorites::before {
    content: $icon-content-favorites;
  }
  &-down::before {
    content: $icon-content-down;
  }
  &-up::before {
    content: $icon-content-up;
  }
  &-copy::before {
    content: $icon-content-copy;
  }
  &-windowed::before {
    content: $icon-content-windowed;
  }
  &-QRcode::before {
    content: $icon-content-QRcode;
  }
  &-heat::before {
    content: $icon-content-heat;
  }
  &-bug::before {
    content: $icon-content-bug;
  }
  &-custom::before {
    content: $icon-content-custom;
  }
  &-dingding::before {
    content: $icon-content-dingding;
  }
  &-networkinterface::before {
    content: $icon-content-networkinterface;
  }
  &-sorting2::before {
    content: $icon-content-sorting2;
  }
  &-database::before {
    content: $icon-content-database;
  }
  &-ram::before {
    content: $icon-content-ram;
  }
  &-structure::before {
    content: $icon-content-structure;
  }
  &-module::before {
    content: $icon-content-module;
  }
  &-monitor::before {
    content: $icon-content-monitor;
  }
  &-save::before {
    content: $icon-content-save;
  }
  &-harddisk::before {
    content: $icon-content-harddisk;
  }
  &-create::before {
    content: $icon-content-create;
  }
  &-home::before {
    content: $icon-content-home;
  }
  &-requestaccess::before {
    content: $icon-content-requestaccess;
  }
  &-view::before {
    content: $icon-content-view;
  }
  &-reboot::before {
    content: $icon-content-reboot;
  }
  &-number::before {
    content: $icon-content-number;
  }
  &-data::before {
    content: $icon-content-data;
  }
  &-dataoutput::before {
    content: $icon-content-dataoutput;
  }
  &-brandtree::before {
    content: $icon-content-brandtree;
  }
  &-configuration::before {
    content: $icon-content-configuration;
  }
  &-power::before {
    content: $icon-content-power;
  }
  &-permissions::before {
    content: $icon-content-permissions;
  }
  &-system::before {
    content: $icon-content-system;
  }
  &-remind::before {
    content: $icon-content-remind;
  }
  &-cloud::before {
    content: $icon-content-cloud;
  }
  &-wangluo1::before {
    content: $icon-content-wangluo1;
  }
  &-shiyanshi::before {
    content: $icon-content-shiyanshi;
  }
  &-shebeishangxian::before {
    content: $icon-content-shebeishangxian;
  }
  &-shebeixiaxian::before {
    content: $icon-content-shebeixiaxian;
  }
  &-laugh::before {
    content: $icon-content-laugh;
  }
  &-smile::before {
    content: $icon-content-smile;
  }
  &-server::before {
    content: $icon-content-server;
  }
  &-shujubiangeng::before {
    content: $icon-content-shujubiangeng;
  }
  &-task::before {
    content: $icon-content-task;
  }
  &-zhuanxianjieru::before {
    content: $icon-content-zhuanxianjieru;
  }
  &-xitongyunzhuan::before {
    content: $icon-content-xitongyunzhuan;
  }
  &-cooling::before {
    content: $icon-content-cooling;
  }
  &-temperature::before {
    content: $icon-content-temperature;
  }
  &-heating::before {
    content: $icon-content-heating;
  }
  &-mingpian::before {
    content: $icon-content-mingpian;
  }
  &-networksystems::before {
    content: $icon-content-networksystems;
  }
  &-eagle-eye::before {
    content: $icon-content-eagle-eye;
  }
  &-right-arrow::before {
    content: $icon-content-right-arrow;
  }
  &-left-arrow::before {
    content: $icon-content-left-arrow;
  }
  &-left-circular::before {
    content: $icon-content-left-circular;
  }
  &-right-circular::before {
    content: $icon-content-right-circular;
  }
  &-fullscreen-close::before {
    content: $icon-content-fullscreen-close;
  }
  &-fullscreen::before {
    content: $icon-content-fullscreen;
  }
  &-internal::before {
    content: $icon-content-internal;
  }
  &-fa-users::before {
    content: $icon-content-fa-users;
  }
  &-coupling::before {
    content: $icon-content-coupling;
  }
  &-merge-requeste::before {
    content: $icon-content-merge-requeste;
  }
  &-subscribe::before {
    content: $icon-content-subscribe;
  }
  &-branch::before {
    content: $icon-content-branch;
  }
  &-shuttle::before {
    content: $icon-content-shuttle;
  }
  &-code::before {
    content: $icon-content-code;
  }
  &-folder::before {
    content: $icon-content-folder;
  }
  &-project-change::before {
    content: $icon-content-project-change;
  }
  &-demand::before {
    content: $icon-content-demand;
  }
  &-release::before {
    content: $icon-content-release;
  }
  &-test::before {
    content: $icon-content-test;
  }
  &-iteration::before {
    content: $icon-content-iteration;
  }
  &-test-examples::before {
    content: $icon-content-test-examples;
  }
  &-accurate-regression::before {
    content: $icon-content-accurate-regression;
  }
  &-demo::before {
    content: $icon-content-demo;
  }
  &-work-item::before {
    content: $icon-content-work-item;
  }
  &-demand-o::before {
    content: $icon-content-demand-o;
  }
  &-task-o::before {
    content: $icon-content-task-o;
  }
  &-bug-o::before {
    content: $icon-content-bug-o;
  }
  &-cooperation::before {
    content: $icon-content-cooperation;
  }
  &-recycle::before {
    content: $icon-content-recycle;
  }
  &-portfolio::before {
    content: $icon-content-portfolio;
  }
  &-program::before {
    content: $icon-content-program;
  }
  &-workitem::before {
    content: $icon-content-work-item;
  }
  &-collection::before {
    content: $icon-content-collection;
  }
  &-project::before {
    content: $icon-content-project;
  }

  &-dwg-o::before {
    content: $icon-content-dwg-o;
  }
  &-dwg::before {
    content: $icon-content-dwg;
  }
  &-word::before {
    content: $icon-content-word;
  }
  &-pdf::before {
    content: $icon-content-pdf;
  }
  &-word-o::before {
    content: $icon-content-word-o;
  }
  &-pdf-o::before {
    content: $icon-content-pdf-o;
  }
  &-ppt::before {
    content: $icon-content-ppt;
  }
  &-excel::before {
    content: $icon-content-excel;
  }
  &-excel-o::before {
    content: $icon-content-excel-o;
  }
  &-ppt-o::before {
    content: $icon-content-ppt-o;
  }
  &-zip::before {
    content: $icon-content-zip;
  }
  &-rmb-o::before {
    content: $icon-content-rmb-o;
  }
  &-rmb::before {
    content: $icon-content-rmb;
  }
  &-resource-scheduling::before {
    content: $icon-content-resource-scheduling;
  }
  &-eye::before {
    content: $icon-content-eye;
  }
  &-eye-slash::before {
    content: $icon-content-eye-slash;
  }
  &-lark-logo::before {
    content: $icon-content-lark-logo;
  }
  &-project-item::before {
    content: $icon-content-project-item;
  }
  &-impediment::before {
    content: $icon-content-impediment;
  }
  &-tree::before {
    content: $icon-content-tree;
  }
  &-block::before {
    content: $icon-content-block;
  }
  &-tip::before {
    content: $icon-content-tip;
  }
  &-house-4::before {
    content: $icon-content-house-4;
  }
  &-house-3::before {
    content: $icon-content-house-3;
  }
  &-house-2::before {
    content: $icon-content-house-2;
  }
  &-house-1::before {
    content: $icon-content-house-1;
  }
  &-course::before {
    content: $icon-content-course;
  }
  &-destination::before {
    content: $icon-content-destination;
  }
  &-origin::before {
    content: $icon-content-origin;
  }
  &-spot::before {
    content: $icon-content-spot;
  }
  &-file-o::before {
    content: $icon-content-file-o;
  }
  &-file-simple::before {
    content: $icon-content-file-simple;
  }
  &-urge::before {
    content: $icon-content-urge;
  }
  &-huabanfubenbei::before {
    content: $icon-content-huabanfubenbei;
  }
  &-kanban::before {
    content: $icon-content-kanban;
  }
  &-list-n::before {
    content: $icon-content-list-n;
  }
  &-clear::before {
    content: $icon-content-clear;
  }
  &-sun::before {
    content: $icon-content-sun;
  }
  &-moon::before {
    content: $icon-content-moon;
  }
  &-lock::before {
    content: $icon-content-lock;
  }
  &-unlock::before {
    content: $icon-content-unlock;
  }
  &-laugh-o::before {
    content: $icon-content-laugh-o;
  }
  &-neiwai::before {
    content: $icon-content-neiwai;
  }
  &-battery::before {
    content: $icon-content-battery;
  }
  &-remind-o::before {
    content: $icon-content-remind-o;
  }
  &-pouch::before {
    content: $icon-content-pouch;
  }
  &-aliyun::before {
    content: $icon-content-aliyun;
  }
  &-mobile-o::before {
    content: $icon-content-mobile-o;
  }
  &-phone-o::before {
    content: $icon-content-phone-o;
  }
  &-minus-o::before {
    content: $icon-content-minus-o;
  }

  // 拼写错误，后续版本删除
  &-service-utlization::before {
    content: $icon-content-service-utlization;
  }
  &-service-utlization-o::before {
    content: $icon-content-service-utlization-o;
  }

  &-service-utilization::before {
    content: $icon-content-service-utilization;
  }
  &-service-utilization-o::before {
    content: $icon-content-service-utilization-o;
  }
  &-service-circulation::before {
    content: $icon-content-service-circulation;
  }
  &-service-circulation-o::before {
    content: $icon-content-service-circulation-o;
  }
  &-folder-o::before {
    content: $icon-content-folder-o;
  }
  &-function::before {
    content: $icon-content-function;
  }
  &-good-o::before {
    content: $icon-content-good-o;
  }
  &-bad-o::before {
    content: $icon-content-bad-o;
  }
  &-handle::before {
    content: $icon-content-handle;
  }
  &-handle-o::before {
    content: $icon-content-handle-o;
  }
  &-notice-o::before {
    content: $icon-content-notice-o;
  }
  &-notice::before {
    content: $icon-content-notice;
  }
  &-it-load::before {
    content: $icon-content-it-load;
  }
  &-power-load-o::before {
    content: $icon-content-power-load-o;
  }
  &-it-load-o::before {
    content: $icon-content-it-load-o;
  }
  &-power-load::before {
    content: $icon-content-power-load;
  }
  &-operation-o::before {
    content: $icon-content-operation-o;
  }
  &-alert-o::before {
    content: $icon-content-alert-o;
  }
  &-alert::before {
    content: $icon-content-alert;
  }
  &-accurate-regression-o::before {
    content: $icon-content-accurate-regression-o;
  }
  &-engine-room-o::before {
    content: $icon-content-engine-room-o;
  }
  &-engine-room::before {
    content: $icon-content-engine-room;
  }
  &-workbench-o::before {
    content: $icon-content-workbench-o;
  }
  &-workbench::before {
    content: $icon-content-workbench;
  }
  &-training-o::before {
    content: $icon-content-training-o;
  }
  &-warning-o::before {
    content: $icon-content-warning-o;
  }
  &-power-o::before {
    content: $icon-content-power-o;
  }
  &-unlock-o::before {
    content: $icon-content-unlock-o;
  }
  &-lock-o::before {
    content: $icon-content-lock-o;
  }
  &-temperature-o::before {
    content: $icon-content-temperature-o;
  }
  &-code-o::before {
    content: $icon-content-code-o;
  }
  &-server-o::before {
    content: $icon-content-server-o;
  }
  &-data-o::before {
    content: $icon-content-data-o;
  }
  &-edit-o::before {
    content: $icon-content-edit-o;
  }
  &-save-o::before {
    content: $icon-content-save-o;
  }
  &-code-review-o::before {
    content: $icon-content-code-review-o;
  }
  &-ashbin-o::before {
    content: $icon-content-ashbin-o;
  }
  &-clear-o::before {
    content: $icon-content-clear-o;
  }
  &-filter-o::before {
    content: $icon-content-filter-o;
  }
  &-copy-o::before {
    content: $icon-content-copy-o;
  }
  &-eye-o::before {
    content: $icon-content-eye-o;
  }
  &-set-o::before {
    content: $icon-content-set-o;
  }
  &-eye-slash-o::before {
    content: $icon-content-eye-slash-o;
  }
  &-computer-o::before {
    content: $icon-content-computer-o;
  }
  &-calendar-o::before {
    content: $icon-content-calendar-o;
  }
  &-survey-o::before {
    content: $icon-content-survey-o;
  }
  &-discount-o::before {
    content: $icon-content-discount-o;
  }
  &-usb-o::before {
    content: $icon-content-usb-o;
  }
  &-map-o::before {
    content: $icon-content-map-o;
  }
  &-table-o::before {
    content: $icon-content-table-o;
  }
  &-system-o::before {
    content: $icon-content-system-o;
  }
  &-product::before {
    content: $icon-content-product;
  }
  &-product-o::before {
    content: $icon-content-product-o;
  }
  &-comments-o::before {
    content: $icon-content-comments-o;
  }
  &-image-text-o::before {
    content: $icon-content-image-text-o;
  }
  &-tree-o::before {
    content: $icon-content-tree-o;
  }
  &-structure-o::before {
    content: $icon-content-structure-o;
  }
  // MEXT_ICON_END
}

