@use 'variables' as *;

@font-face {
  font-family: 'lite-editor-fonts-20161209';
  src: url('#{$icomoon-font-path}/lite-editor-fonts-20161209.eot?d39wrm');
  src:
    url('#{$icomoon-font-path}/lite-editor-fonts-20161209.eot?d39wrm#iefix') format('embedded-opentype'),
    url('#{$icomoon-font-path}/lite-editor-fonts-20161209.ttf?d39wrm') format('truetype'),
    url('#{$icomoon-font-path}/lite-editor-fonts-20161209.woff?d39wrm') format('woff'),
    url('#{$icomoon-font-path}/lite-editor-fonts-20161209.svg?d39wrm#lite-editor-fonts-20161209') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^='lite-editor-font'],
[class*=' lite-editor-font'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lite-editor-fonts-20161209' !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;
  color: #7a7676;
}

.lite-editor-font-back {
  &:before {
    content: '\e900';
  }
}
.lite-editor-font-go {
  &:before {
    content: $lite-editor-font-go;
  }
}
.lite-editor-font-bold {
  &:before {
    content: $lite-editor-font-bold;
  }
}
.lite-editor-font-italic {
  &:before {
    content: $lite-editor-font-italic;
  }
}
.lite-editor-font-underline {
  &:before {
    content: $lite-editor-font-underline;
  }
}
.lite-editor-font-link {
  &:before {
    content: $lite-editor-font-link;
  }
}
.lite-editor-font-source {
  &:before {
    content: $lite-editor-font-source;
  }
}
.lite-editor-font-remove {
  &:before {
    content: $lite-editor-font-remove;
  }
}
.lite-editor-font-update {
  &:before {
    content: $lite-editor-font-update;
  }
}
.lite-editor-font-close {
  &:before {
    content: $lite-editor-font-close;
  }
}
.lite-editor-font-abc {
  &:before {
    content: $lite-editor-font-abc;
  }
}
