accounts-frontend/packages/app/components/ui/icons.scss

45 lines
653 B
SCSS
Raw Permalink Normal View History

@import '~app/icons.font.json';
// По умолчанию стрелка смотрит вниз, это просто алиас
.arrowBottom {
2020-05-24 04:38:24 +05:30
@extend .arrow;
}
2016-05-20 01:11:43 +05:30
.arrowTop {
2020-05-24 04:38:24 +05:30
@extend .arrow;
2016-05-20 01:11:43 +05:30
2020-05-24 04:38:24 +05:30
transform: rotate(180deg);
2016-05-20 01:11:43 +05:30
}
.arrowRight {
2020-05-24 04:38:24 +05:30
@extend .arrow;
2020-05-24 04:38:24 +05:30
transform: rotate(270deg);
2021-03-26 08:49:04 +05:30
html[dir='rtl'] & {
transform: rotate(90deg);
}
}
.arrowLeft {
2020-05-24 04:38:24 +05:30
@extend .arrow;
2020-05-24 04:38:24 +05:30
transform: rotate(90deg);
2021-03-26 08:49:04 +05:30
html[dir='rtl'] & {
transform: rotate(270deg);
}
}
html[dir='rtl'] {
.brush,
.exit,
.key,
.pencil,
.search {
&:before {
transform: scaleX(-1);
}
}
2016-05-20 01:11:43 +05:30
}