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;
line-height: 1;
speak: none;
text-transform: none;
// Better Font Rendering
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
// 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 {
.#{$imo-css-prefix}-log-in::before {
.#{$imo-css-prefix}-log-out::before {
.#{$imo-css-prefix}-mail::before {
.#{$imo-css-prefix}-maximize-2::before {
.#{$imo-css-prefix}-message-circle::before {
.#{$imo-css-prefix}-mic-off::before {
.#{$imo-css-prefix}-minus-circle::before {
.#{$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';