我有两个样式表，一个是ltr和一个rtl版本。请采用以下代码段
@if $text-direction == 'ltr' {
.arrow-link:before {
content: "\e021";
font-family: 'iconfont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
display: inline;
padding-right: 5px;
vertical-align: middle;
}
}@else {
.arrow-link:after {
content: "\e023";
font-family: 'iconfont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
display: inline;
padding-left: 5px;
vertical-align: middle;
}
}
这可以按预期使用英语。但是，如果我交换希伯来语文本，图标就会被置于错误的一边，我不知道为什么。这个小提琴更好地解释了，希伯来文本的最后一个跨度放置了之前的元素。