Inlcude менее файл и передать параметры

Question

У меня есть common.less файл, который реализует основные CSS для различных скинов:

@textColor: black; 
@iconSize: 16px; 

.container: { 
    color: @textColor; 
    background-color: white; 
} 
.icon: { 
    width: @iconSize; 
    height: @iconSize; 
} 
// note that @iconSize is also used in this file inside mixins 

План состоит в том, чтобы использовать его как так skin_1.less:

@iconSize: 32px; // override the icon size 
       // but leave @textColor as default 
@import "common.less"; 

.container: { 
    color: red; 
} 
// I would now have big icons and red text 

So Я хотел бы иметь общий стиль, чтобы я мог повторно использовать и выборочно переопределять переменные.

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

Во всяком случае: есть ли лучший образец для решения моего варианта использования?

Answer 1

Вам не нужно разделить файлы вверх, просто переопределите переменную после импорта. Переменные всегда разрешаются как последнее определение, даже если оно находится после того, где оно используется.