.transition ( @a ) { transition: @a; -webkit-transition: @a; -moz-transition: @a; -ms-transition: @a; -o-transition: @a; } .transform( @b ) { transform: @b; -webkit-transform: @b; -moz-transform: @b; -ms-transform: @b; -o-transform: @b; } .colormixin(@color:false) when not (@color=false){color: @color;} .stylemixin(@style:false) when not (@style=false){ .style(@style) when (@style=italic) {font-style: @style;} .style(@style) when (@style=bold) {font-weight: @style;} .style(@style); } .placeholder(@color: false, @style: false){ &::-webkit-input-placeholder { .colormixin(@color); .stylemixin(@style); } &:-moz-placeholder { .colormixin(@color); .stylemixin(@style); } &::-moz-placeholder { .colormixin(@color); .stylemixin(@style); } &:-ms-input-placeholder { .colormixin(@color); .stylemixin(@style); } } @-webkit-keyframes constantrotation { from { .transform( rotate(0deg); ); background: red; } to { .transform( rotate(36deg); ); background: blue; } } @keyframes constantrotation { from { .transform( rotate(0deg); ); background: red; } to { .transform( rotate(36deg); ); background: blue; } }