МЕНЬШЕ синтаксиса CSS, полезного для modernizr

Обычно я использую modernizr , чтобы узнать возможности браузера. В то же время я использую LESS CSS , чтобы сделать мой CSS более читабельным и поддерживаемым. Общий стиль, использующий МЕНЬШЕ вложенных правил, выглядит следующим образом:

#header {
  color: black;

  .logo {
    width: 300px;
    color: rgba(255,255,255,.6);
    &:hover { text-decoration: none }
  }
}

Затем, если я использую откат в стиле modernizr, я добавляю этот текст для предыдущего блока:

.no-js #header,
.no-rgba #header {
  .logo {
    color: white;
  }
}

Итак, похоже, у меня есть две ветки кода, и каждый раз Мне нужно проверить еще один аспект совместимости, количество ветвей будет расти. Этот код менее удобен в обслуживании, потому что вам нужно найти все стили, применяемые к каждому элементу, и преимущества, которые мы получаем от вложенных классов, исчезают.

Вопрос: есть ли способ в синтаксисе LESS включать такие резервные варианты и не запускать новую ветвь кода для .no-js и других классов .no-smth?

10
задан Bardt 25 July 2011 в 05:19
поделиться