@import '~app/icons.font.json';

// По умолчанию стрелка смотрит вниз, это просто алиас
.arrowBottom {
    @extend .arrow;
}

.arrowTop {
    @extend .arrow;

    transform: rotate(180deg);
}

.arrowRight {
    @extend .arrow;

    transform: rotate(270deg);

    html[dir='rtl'] & {
        transform: rotate(90deg);
    }
}

.arrowLeft {
    @extend .arrow;

    transform: rotate(90deg);

    html[dir='rtl'] & {
        transform: rotate(270deg);
    }
}

html[dir='rtl'] {
    .brush,
    .exit,
    .key,
    .pencil,
    .search {
        &:before {
            transform: scaleX(-1);
        }
    }
}