Как изменить переменную пера для конкретного условия CSS - PullRequest
Новая
       35

Как изменить переменную пера для конкретного условия CSS

0 голосов
/ 14 сентября 2018

Я создаю многоязычное веб-приложение vuejs, используя vuetify. Я хочу использовать арабский шрифт для RTL-версии приложения, изменив переменную $ body-font-family с помощью стилуса, я попытался сделать это с помощью приведенного ниже кода: 

.application  
  &--is-rtl {
    background:gray !important
    $body-font-family = 'Droid Arabic Kufi', serif !important
  }

Фон успешно изменился, но переменная шрифта не изменилась, пожалуйста, помогите мне заставить этот код работать. Заранее спасибо.

1 Ответ

0 голосов
/ 18 сентября 2018

Изменение переменной является иерархической ситуацией.При изменении переменной будут затронуты только классы после этого изменения. 

// 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
...