73 lines
819 B
Plaintext
73 lines
819 B
Plaintext
.mixin (@a: 1px, @b: 50%) {
|
|
width: @a * 5;
|
|
height: @b - 1%;
|
|
}
|
|
|
|
.mixina (@style, @width, @color: black) {
|
|
border: @width @style @color;
|
|
}
|
|
|
|
.mixiny
|
|
(@a: 0, @b: 0) {
|
|
margin: @a;
|
|
padding: @b;
|
|
}
|
|
|
|
.hidden() {
|
|
color: transparent;
|
|
}
|
|
|
|
.two-args {
|
|
color: blue;
|
|
.mixin(2px, 100%);
|
|
.mixina(dotted, 2px);
|
|
}
|
|
|
|
.one-arg {
|
|
.mixin(3px);
|
|
}
|
|
|
|
.no-parens {
|
|
.mixin;
|
|
}
|
|
|
|
.no-args {
|
|
.mixin();
|
|
}
|
|
|
|
.var-args {
|
|
@var: 9;
|
|
.mixin(@var, @var * 2);
|
|
}
|
|
|
|
.multi-mix {
|
|
.mixin(2px, 30%);
|
|
.mixiny(4, 5);
|
|
}
|
|
|
|
.maxa(@arg1: 10, @arg2: #f00) {
|
|
padding: @arg1 * 2px;
|
|
color: @arg2;
|
|
}
|
|
|
|
body {
|
|
.maxa(15);
|
|
}
|
|
|
|
@glob: 5;
|
|
.global-mixin(@a:2) {
|
|
width: @glob + @a;
|
|
}
|
|
|
|
.scope-mix {
|
|
.global-mixin(3);
|
|
}
|
|
|
|
.nested-ruleset (@width: 200px) {
|
|
width: @width;
|
|
.column { margin: @width; }
|
|
}
|
|
.content {
|
|
.nested-ruleset(600px);
|
|
}
|