.first-transform() { transform+: rotate(90deg), skew(30deg); } .second-transform() { transform+: scale(2,4); } .third-transform() { transform: scaleX(45deg); } .fourth-transform() { transform+: scaleX(45deg); } .fifth-transform() { transform+: scale(2,4) !important; } .first-background() { background+: url(data://img1.png); } .second-background() { background+: url(data://img2.png); } .test1 { // Can merge values .first-transform(); .second-transform(); } .test2 { // Wont merge values without +: merge directive, for backwards compatibility with css .first-transform(); .third-transform(); } .test3 { // Wont merge values from two sources with different properties .fourth-transform(); .first-background(); } .test4 { // Wont merge values from sources that merked as !important, for backwards compatibility with css .first-transform(); .fifth-transform(); } .test5 { // Wont merge values from mixins that merked as !important, for backwards compatibility with css .first-transform(); .second-transform() !important; } .test6 { // Ignores !merge if no peers found .second-transform(); }