Less CSS — как перестать писать правила адаптивного дизайна дважды?

Сейчас в Less CSS мне приходится писать код дважды, что расстраивает:

// правила для малых экранов
div {
  margin: 10px;
}
@media (min-width : 400px) {
  // правила для широких экранов
  div {
    margin: 20px;
  }
}


Вопрос: можно ли уменьшить дубликацию кода, как ниже? Хорошо если с помощью Less CSS, но не обязательно.

// правило описывается однажды
div {
  margin: @margin;
}
@margin: 10px;
@media (min-width : 400px) {
  @margin: 20px;
}
  • Вопрос задан
  • 255 просмотров
Пригласить эксперта
Ответы на вопрос 1
Xserber
@Xserber
Full-stack developer. React.js, AngularJS + NodeJS
Давно не использовал Less, но Sass позволяет писать так:
div {
  margin: 10px;

  @media (min-width : 400px) {
    margin: 20px;
  }
}


P.S. Styles по-моему так же разрешает
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы