Используйте препроцессор для CSS (LESS || SCSS || SASS). В них можете использовать миксины. К тому же препроцессоры значительно упрощают жизнь и повышают производительность)
Я привык работать с LESS и в каждом проекте есть файл elements.less с набором
миксинов:
.box-shadow(@arguments) {
-webkit-box-shadow: @arguments;
-moz-box-shadow: @arguments;
box-shadow: @arguments;
}
.rotation(@deg:5deg){
.transform(rotate(@deg));
}
В коде просто использую потом, например:
.box-shadow(0 0 10px rgba(0,0,0, .5));
или
.box-shadow(0 0 10px fade(#000, 5%)); 
