如何针对特定 css 条件更改手写笔变量
How to change stylus variable for specific css condition
我正在使用 vuetify 构建多语言 vuejs 网络应用程序。
我想通过使用手写笔修改 $body-font-family 变量来为应用程序的 RTL 版本使用阿拉伯语字体，我尝试使用以下代码来实现：
.application
&--is-rtl {
background:gray !important
$body-font-family = 'Droid Arabic Kufi', serif !important
}
背景更改成功但字体变量没有，请帮助我使这段代码工作。
提前致谢。
更改变量是一种层次结构情况。在您更改变量的位置，只有更改后的 类 会受到影响。
// No Change
.application
font-family $body-font-family
&--is-rtl
$body-font-family = 'Droid Arabic Kufi', serif
// Change
.application
font-family $body-font-family
&--is-rtl
$body-font-family = 'Droid Arabic Kufi', serif
font-family $body-font-family !important
我正在使用 vuetify 构建多语言 vuejs 网络应用程序。 我想通过使用手写笔修改 $body-font-family 变量来为应用程序的 RTL 版本使用阿拉伯语字体，我尝试使用以下代码来实现：
.application
&--is-rtl {
background:gray !important
$body-font-family = 'Droid Arabic Kufi', serif !important
}
背景更改成功但字体变量没有，请帮助我使这段代码工作。 提前致谢。
更改变量是一种层次结构情况。在您更改变量的位置，只有更改后的 类 会受到影响。
// No Change
.application
font-family $body-font-family
&--is-rtl
$body-font-family = 'Droid Arabic Kufi', serif
// Change
.application
font-family $body-font-family
&--is-rtl
$body-font-family = 'Droid Arabic Kufi', serif
font-family $body-font-family !important