Как использовать CSS этого стиля в LESS?

Question

Я хочу использовать некоторые CSS-фреймворки, но ненавижу их несеманственность Поэтому я хочу использовать LESS. Основная идея состоит в том, что css интегрирует фреймворк в мои собственные классы. Но я чувствую, что МЕНЬШЕ не может справиться с некоторыми сценариями. Например, некоторые классы определены в рамках как:

div.prepand = {...} или же * html .span-1 = {...}

Меньший миксин, кажется, не поддерживает вышеуказанные ситуации. Есть идеи?

Answer 1

Я только что собрал часть сетки blueprint.css в LESS здесь . Вы можете установить ширину столбца и желоба, а затем использовать миксины следующим образом:

#header {
  .span(20);
  .prepend(2);
}

Я также добавил несколько примеров @media запросов, позволяющих адаптивные макеты.

Надеюсь, это кому-нибудь пригодится.

Answer 2

Я не уверен, какой фреймворк вы имели в виду, говоря, что «некоторые классы определены в фреймворке как:».

В Less вы не объявляете mixins так, как вы это показали.Вы делаете это так:

.my_mixin { ... }

А затем ниже в файле вы можете (повторно) использовать его так:

div.content {
   .my_mixin;
}

Кроме этого, я не понимаю вашувопрос.Вы хотите смешать CSS фреймворка с вашими собственными классами?Что это значит?Вы пишете CSS в Less или вы не ...