Блог

Это работает, когда я помещаю переменную в свойство, такое как цвет, но в запросе if она всегда возвращает значение false.

Вот как я создал переменную scss.

Scss:

 $myVariable: var(--myVariable);
 

Машинописный текст:

 document.documentElement.style.setProperty("--myVariable", "0");
 

Это работает (файл scss):

 margin-left: $myVariable;      //return margin-left: 0;
 

Но это не работает (файл scss):

 @if ($myVariable == 0 || $myVariable == "0") {    //return always false 
   margin-left: 0;
}

@if ($myVariable == var(--myVariable) || $myVariable == "var(--myVariable)") {  //return always true 
   margin-left: 0;
}
 

Заранее благодарю вас за вашу помощь. Пожалуйста, не зацикливайтесь на бессмысленности вопроса, я попытался упростить.