Skip to content
Snippets Groups Projects
_iconfont.scss 5.19 KiB
Newer Older
$imo-css-prefix: 'icon' !default;

.#{$imo-css-prefix} {
  display: inline-block;
  font: normal normal normal $imo-font-size-base / 1 icomoon;
  font-size: inherit;
  speak: none;
  text-rendering: auto;
  vertical-align: $imo-v-align;

  // Enable Ligatures
  -moz-font-feature-settings: 'liga=1';
  -moz-font-feature-settings: 'liga';
  -ms-font-feature-settings: 'liga' 1;
  -o-font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';

  // Better Font Rendering
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  transform: translate(0, 0);
}

[class^='#{$imo-css-prefix}-'],
[class*=' #{$imo-css-prefix}-'] {
  // use !important to prevent issues with browser extensions that change fonts
  font-family: icomoon, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  speak: none;
  text-transform: none;

  // Better Font Rendering
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.#{$imo-css-prefix}-2x {
  font-size: 200%;
// Icons are sorted by hex value
.#{$imo-css-prefix}-alert-circle::before {
  content: '\e900';

.#{$imo-css-prefix}-arrow-left::before {
  content: '\e901';
.#{$imo-css-prefix}-arrow-right::before {
  content: '\e902';
.#{$imo-css-prefix}-arrow-up-right::before {
  content: '\e903';
.#{$imo-css-prefix}-book::before {
  content: '\e904';
.#{$imo-css-prefix}-bug::before {
  content: '\e905';
.#{$imo-css-prefix}-burger::before {
  content: '\e906';
.#{$imo-css-prefix}-calendar::before {
  content: '\e907';
.#{$imo-css-prefix}-caret-down::before {
  content: '\e908';
.#{$imo-css-prefix}-check-circle::before {
  content: '\e909';
.#{$imo-css-prefix}-check::before {
  content: '\e90a';
.#{$imo-css-prefix}-chevron-down::before {
  content: '\e90b';
.#{$imo-css-prefix}-chevron-right::before {
  content: '\e90c';
.#{$imo-css-prefix}-chevron-up::before {
  content: '\e90d';
.#{$imo-css-prefix}-clock::before {
  content: '\e90e';
.#{$imo-css-prefix}-copy::before {
  content: '\e90f';
.#{$imo-css-prefix}-download::before {
  content: '\e910';
.#{$imo-css-prefix}-edit-3::before {
  content: '\e911';
.#{$imo-css-prefix}-edit::before {
  content: '\e912';
.#{$imo-css-prefix}-external-link::before {
  content: '\e913';
.#{$imo-css-prefix}-filter::before {
  content: '\e914';
.#{$imo-css-prefix}-filter2::before {
  content: '\e915';
.#{$imo-css-prefix}-flag::before {
  content: '\e916';
.#{$imo-css-prefix}-folder::before {
  content: '\e917';
.#{$imo-css-prefix}-globe::before {
  content: '\e918';
.#{$imo-css-prefix}-grid::before {
  content: '\e919';
.#{$imo-css-prefix}-heart::before {
  content: '\e91a';
.#{$imo-css-prefix}-home::before {
  content: '\e91b';
.#{$imo-css-prefix}-inbox::before {
  content: '\e91c';
.#{$imo-css-prefix}-key::before {
  content: '\e91d';
.#{$imo-css-prefix}-link::before {
  content: '\e91e';
.#{$imo-css-prefix}-lock::before {
  content: '\e91f';
}

.#{$imo-css-prefix}-log-in::before {
  content: '\e920';
}

.#{$imo-css-prefix}-log-out::before {
  content: '\e921';
}

.#{$imo-css-prefix}-mail::before {
  content: '\e922';
}

.#{$imo-css-prefix}-maximize-2::before {
  content: '\e923';
}

.#{$imo-css-prefix}-message-circle::before {
  content: '\e924';
}

.#{$imo-css-prefix}-mic-off::before {
  content: '\e925';
}

.#{$imo-css-prefix}-minus-circle::before {
  content: '\e926';
}

.#{$imo-css-prefix}-minus::before {
  content: '\e927';
.#{$imo-css-prefix}-monitor::before {
  content: '\e928';
.#{$imo-css-prefix}-more-horizontal::before {
  content: '\e929';
.#{$imo-css-prefix}-move::before {
  content: '\e92a';
.#{$imo-css-prefix}-navigation::before {
  content: '\e92b';
.#{$imo-css-prefix}-package::before {
  content: '\e92c';
.#{$imo-css-prefix}-phone::before {
  content: '\e92d';
.#{$imo-css-prefix}-plus-circle::before {
  content: '\e92e';
.#{$imo-css-prefix}-plus::before {
  content: '\e92f';
.#{$imo-css-prefix}-printer::before {
  content: '\e930';
.#{$imo-css-prefix}-question-circle::before {
  content: '\e931';
.#{$imo-css-prefix}-quote::before {
  content: '\e932';
.#{$imo-css-prefix}-related::before {
  content: '\e933';
.#{$imo-css-prefix}-repeat::before {
  content: '\e934';
.#{$imo-css-prefix}-rss::before {
  content: '\e935';
.#{$imo-css-prefix}-search::before {
  content: '\e936';
.#{$imo-css-prefix}-settings::before {
  content: '\e937';
.#{$imo-css-prefix}-share-2::before {
  content: '\e938';
.#{$imo-css-prefix}-square::before {
  content: '\e939';
.#{$imo-css-prefix}-star-filled::before {
  content: '\e93a';
.#{$imo-css-prefix}-star::before {
  content: '\e93b';
.#{$imo-css-prefix}-status-yellow::before {
  content: '\e93c';
.#{$imo-css-prefix}-trash-2::before {
  content: '\e93d';
.#{$imo-css-prefix}-unlock::before {
  content: '\e93e';
.#{$imo-css-prefix}-upload::before {
  content: '\e93f';
.#{$imo-css-prefix}-user::before {
  content: '\e940';
.#{$imo-css-prefix}-window::before {
  content: '\e941';
.#{$imo-css-prefix}-x,
.#{$imo-css-prefix}-close {
  &::before {
    content: '\e942';
  }
.#{$imo-css-prefix}-zap::before {
  content: '\e943';