@font-face {
    font-family: $font-name;
    src: url('data:application/font-woff2;charset=utf-8;base64,#{$font_woff2}') format('woff2'),
    url('data:application/font-woff;charset=utf-8;base64,#{$font_woff}') format('woff'),
    url('fonts/breadcrumbspress.woff2?#{$font-version}') format('woff2'),
    url('fonts/breadcrumbspress.woff?#{$font-version}#breadcrumbspress') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

i.#{$font-prefix-ctrl} {
    font: normal normal normal $font-size/1 $font-name;
    font-size: inherit;
    text-transform: none;
    display: inline-block;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Icons */
@each $icon, $char in $icons {
    .#{$font-prefix-ctrl}.#{$font-prefix}-icon-#{$icon} {
        &:before {
            content: icon($char);
        }
    }
}

.#{$font-prefix-ctrl}.#{$font-prefix}-icon-left-chevron-double,
.#{$font-prefix-ctrl}.#{$font-prefix}-icon-left-chevron,
.#{$font-prefix-ctrl}.#{$font-prefix}-icon-left-angle-double,
.#{$font-prefix-ctrl}.#{$font-prefix}-icon-left-angle,
.#{$font-prefix-ctrl}.#{$font-prefix}-icon-left-crumb-double,
.#{$font-prefix-ctrl}.#{$font-prefix}-icon-left-crumb {
    transform: scaleX(-1);
}

.#{$font-prefix-ctrl}.#{$font-prefix}-ascii-angle-double,
.#{$font-prefix-ctrl}.#{$font-prefix}-ascii-right-angle-double {
    &:before {
        content: "»";
    }
}

.#{$font-prefix-ctrl}.#{$font-prefix}-ascii-left-angle-double {
    &:before {
        content: "«";
    }
}

.#{$font-prefix-ctrl}.#{$font-prefix}-ascii-angle,
.#{$font-prefix-ctrl}.#{$font-prefix}-ascii-right-angle {
    &:before {
        content: "›";
    }
}

.#{$font-prefix-ctrl}.#{$font-prefix}-ascii-left-angle {
    &:before {
        content: "‹";
    }
}

.#{$font-prefix-ctrl}.#{$font-prefix}-ascii-bullet,
.#{$font-prefix-ctrl}.#{$font-prefix}-ascii-right-bullet,
.#{$font-prefix-ctrl}.#{$font-prefix}-ascii-left-bullet {
    &:before {
        content: "•";
    }
}

/* Full Width */
.#{$font-prefix-ctrl}-fw {
    width: 1.28571429em;
    text-align: center;
}

/* Sizes */
.#{$font-prefix-ctrl}-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

@for $i from 2 to 5 {
    .#{$font-prefix-ctrl}-#{$i}x {
        font-size: #{$i}em;
    }
}
