1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
|
@mixin A($width: 0, $height: 0, $opacity: 0) {
width: $width;
height: $height;
opacity: $opacity;
}
@mixin B($args...) {
@include A($args...);
}
@mixin C($args...) {
@include B($args...);
}
.testOneLevelPassthrough {
@include B(1px, 2px, 0.3);
}
.testOneLevelNoArgs {
@include B();
}
.testOneLevelSingleArg {
@include B(1px);
}
.testOneLevelNamedSingleArg {
@include B($opacity: 0.1);
}
.testOneLevelNamedArgs {
@include B($opacity: 0.3, $width: 1px, $height: 2px);
}
.testTwoLevelPassthrough {
@include C(1px, 2px, 0.3);
}
.testTwoLevelNoArgs {
@include C();
}
.testTwoLevelSingleArg {
@include C(1px);
}
.testTwoLevelNamedSingleArg {
@include C($opacity: 0.1);
}
.testTwoLevelNamedArgs {
@include C($opacity: 0.3, $width: 1px, $height: 2px);
}
|