Я хочу выводить что-то вроде этого:определения записи класса с пером
.margin-right-small {
margin-right: 10px;
}
.margin-right-medium {
margin-right: 15px;
}
.margin-right-large {
margin-right: 20px;
}
/* same for top, bottom, and left */
это возможно для меня, чтобы сделать что-то, чтобы сделать это проще, чем это:
small = 10px
medium = 15px
large = 20px
.margin-right-small {
margin-right: small;
}
.margin-right-medium {
margin-right: medium;
}
.margin-right-large {
margin-right: large;
}
/* same for top, bottom, and left */
Что-то вроде этого псевдокода :
small = 10px
medium = 15px
large = 20px
sides = ['top', 'right', 'bottom', 'left']
sides.each(function(side) {
.margin-[side]-small {
margin-[side]: small;
}
.margin-[side]-medium {
margin-[side]: medium;
}
.margin-[side]-large {
margin-[side]: large;
}
}
/* that would take care of all sides */
Я новичок в стилусе. Упрощает ли это это? Если нет, мне нелегко видеть, как стилус лучше обычного css в этом конкретном примере ...
возможно http://kizu.ru/en/issues/new-stylus- features/# block-mixins поможет – floww