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;
}
  • Вопрос задан
  • 217 просмотров
Пригласить эксперта
Ответы на вопрос 1
Xserber
@Xserber
Front-end разработчик. React.js, AngularJS
Давно не использовал Less, но Sass позволяет писать так:
div {
  margin: 10px;

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


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

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

Войти через TM ID
Похожие вопросы
Infotech Group Казань
от 30 000 до 50 000 руб.
от 100 000 до 150 000 руб.
Wheely Москва
До 180 000 руб.
19 авг. 2018, в 00:49
600 руб./в час
18 авг. 2018, в 17:54
6000 руб./за проект
18 авг. 2018, в 16:00
60000 руб./за проект