36 lines
508 B
Plaintext
36 lines
508 B
Plaintext
|
.mixin (@a: 1px, @b: 50%) {
|
||
|
|
width: (@a * 5);
|
||
|
|
height: (@b - 1%);
|
||
|
|
args: @arguments;
|
||
|
|
}
|
||
|
|
.mixin (@a: 1px, @b: 50%) when (@b > 75%){
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.named-arg {
|
||
|
|
color: blue;
|
||
|
|
.mixin(@b: 100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.class {
|
||
|
|
@var: 20%;
|
||
|
|
.mixin(@b: @var);
|
||
|
|
}
|
||
|
|
|
||
|
|
.all-args-wrong-args {
|
||
|
|
.mixin(@b: 10%, @a: 2px);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mixin2 (@a: 1px, @b: 50%, @c: 50) {
|
||
|
|
width: (@a * 5);
|
||
|
|
height: (@b - 1%);
|
||
|
|
color: (#000000 + @c);
|
||
|
|
}
|
||
|
|
|
||
|
|
.named-args2 {
|
||
|
|
.mixin2(3px, @c: 100);
|
||
|
|
}
|
||
|
|
|
||
|
|
.named-args3 {
|
||
|
|
.mixin2(@b: 30%, @c: #123456);
|
||
|
|
}
|