Stylus mixins block

Question

У меня есть список классов в паре с цветами, я хотел бы задать разные свойства (color, background, border-color, ...) с определенными цветами внутри mixin.

Пример

colorHome = #FFF 
colorParam = #999 
colorDash = #000 

links = { 
    'home': colorHome, 
    'param': colorParam, 
    'dash': colorDash 
} 

.dashboard-menu li 
    border 1px solid 
    +addLinks() 
    color clr 
    background clr 
    border-color clr 

выведет на

.dashboard-menu li { 
    border: 1px solid; 
} 
.dashboard-menu li.home { 
    color: #fff; 
    background: #fff; 
    border-color: #fff; 
} 
.dashboard-menu li.param { 
    color: #999; 
    background: #999; 
    border-color: #999; 
} 
.dashboard-menu li.dash { 
    color: #000; 
    background: #000; 
    border-color: #000; 
} 

Mixin я сейчас, используя блок.

addLinks() 
    for key, value in links 
    clr = value 
    &.{key} 
     {block} 


.dashboard-menu li 
    border 1px solid 
    +addLinks() 
     color clr 
     background clr 
     border-color clr 

Но по какой-то причине, clr устанавливается в первый цвет (colorHome/#FFF) для background и border-color, и устанавливается на последний цвет (colorDash/# 000) для color.

Выход

.dashboard-menu li { 
    border: 1px solid; 
} 
.dashboard-menu li.home { 
    color: #000; 
    background: #fff; 
    border-color: #fff; 
} 
.dashboard-menu li.param { 
    color: #000; 
    background: #fff; 
    border-color: #fff; 
} 
.dashboard-menu li.dash { 
    color: #000; 
    background: #fff; 
    border-color: #fff; 
} 

Учитывая блок Примеси относительно новостей, они могут быть использованы для достижения того, что я хочу? Или я должен использовать использование совершенно другого решения?

Thanks

Answer 1

Вам следует рассмотреть возможность использования другого решения. Содержимое, которое вы передаете блочному mixin, оценивается перед кодом mixin, поэтому всегда будет одинаковым от запуска для запуска.

Я не уверен, что именно вы пытаетесь достичь, но вот один пример того, как вы могли бы делать то, что вы уже пробовали:

addLinks(hash) 
    for key, value in links 
    new_hash = clone(hash) 
    for hash_key, hash_value in new_hash 
     if hash_value == clr 
     new_hash[hash_key] = value 

    &.{key} 
     {new_hash} 
     {block} 

.dashboard-menu li 
    border 1px solid 
    addLinks({ 
    color: clr 
    background: clr 
    border-color: clr 
    }) 

Вы можете использовать неблочный подмешать для любых свойств, которые вы хотите применить с цветом от вашего links объекта, и, если вам нужно что-то еще, вы можете использовать блок подмешать обозначения в целом:

.dashboard-menu li 
    border 1px solid 
    +addLinks({ 
     color: clr 
     background: clr 
     border-color: clr 
    }) 
    padding: 10px 

Мы думаем о добавлении способа изменить переданный блок как хэш, но мы еще не здесь :)