$fa-font-path: "~font-awesome/fonts/";

@import "~font-awesome/scss/font-awesome";

.icon {
  @include fa-icon();
  font-size: 20px;
}

.icon-not-ok:before {
  content: $fa-var-times-circle-o;
}
.icon-not-ok {
  color: $color-red;
}

.icon-ok:before {
  content: $fa-var-check-circle-o;
}
.icon-ok {
  color: $color-unblocked;
}

.icon-unknown:before {
  content: $fa-var-question-circle-o;
}
.icon-unknown {
  color: $color-grey;
}

@font-face {
    font-family: 'ooni-icons';
    src: url('fonts/ooni-icons.eot');
    src: url('fonts/ooni-icons.eot') format('embedded-opentype'),
        url('fonts/ooni-icons.ttf') format('truetype'),
        url('fonts/ooni-icons.woff') format('woff'),
        url('fonts/ooni-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ooni {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ooni-icons' !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;
}

.icon-analysis:before {
    content: "\e900";
}
.icon-censorship-tampering:before {
    content: "\e901";
}
.icon-censorship-vendor:before {
    content: "\e902";
}
.icon-censorship-confirmed:before {
    content: "\e903";
}
.icon-country-statistics:before {
    content: "\e904";
}
.icon-decentralization:before {
    content: "\e905";
}
.icon-distributed:before {
    content: "\e906";
}
.icon-http-body:before {
    content: "\e907";
}
.icon-http-headers:before {
    content: "\e908";
}
.icon-measurement:before {
    content: "\e909";
}
.icon-progress:before {
    content: "\e90a";
}
.icon-research:before {
    content: "\e90b";
}
.icon-server:before {
    content: "\e90c";
}
.icon-tor:before {
    content: "\e90d";
}
