Пользовательский SCSS на основе значения html dir - PullRequest
0 голосов
/ 16 января 2019

У меня есть веб-сайт asp.net MVC, основанный на значении в его web.config, который может быть на нескольких языках. Например, если я выберу его на английском языке, то на вкладке HTML в верхней части будет отображаться

<html lang="en" dir="auto">

Если я выберу арабский, он будет читать

<html lang="ar" dir="auto">

это прекрасно работает по большей части, но в моем глобальном css-файле определенно есть вещи, которые необходимо настроить в соответствии с фактическим направлением 'dir'. Есть ли способ настроить мой файл css / scss, чтобы он действовал по-разному в зависимости от значения dir? Могу ли я узнать, что такое значение dir, и вместо этого просто иметь несколько классов CSS (.menu_Left, .menu_Right) и добавить это значение?

Или мне просто нужно составить собственное перечисление (здесь языки, где dir = auto переместится вправо) и сделать все вручную? Я просто пытаюсь понять, что здесь проще всего.

1 Ответ

0 голосов
/ 16 января 2019

А как насчет html[lang="ar"] .menu_left { /* insert rules */ }? При этом, возможно, вам следует загружать разные CSS-файлы для каждого языка. Таким образом, файлы меньше, ваша производительность выше, и у вас нет этой проблемы с самого начала.

...