LESS Elements v1+

A set of useful mixins for LESS, the CSS pre-processor: lesscss.org
I recommend 'CodeKit' app for best work results :) (only OS X)

Features:

• .gradient-h - CSS3 - horizontal gradient (works in IE)

.gradient-h(#fff, #fbfbfb);

• .gradient-v - CSS3 - veritical gradient (works in IE)

.gradient-v(#fff, #fbfbfb);

• .gradient-radial - CSS3 - radial gradient (works also on IE9+)

.gradient-radial(#fff, #fbfbfb);



• .bordered - custom borders color and size style

.bordered(#EEE, #CCC, #999, #333, 1px);



• .alpha-shadow - CSS3 - transparent black shadow

.alpha-shadow(0 0 4px, 0.6);

• .outer-shadow - CSS3 - outher element shadow

.outer-shadow(0px 0px 0.83em, #333);

• .inner-shadow - CSS3 - shadow inside the element

.inner-shadow(0px 0px 1px, #fbfbfb);

• .io-shadow - CSS3 - inner & outer shadow

.io-shadow(0px 1px 0px rgba(255, 255, 255, 0.4), 0px 1px 2px rgba(0, 0, 0, 0.3));



• .rounded - CSS3 - rounded corners

.rounded(4px); or .rounded(4px 2px 3px 0);

• .box-sizing - box-model fixes

.box-sizing();



• .opacity - transparency for the elements

.opacity(0.5);

• .font - fast fonts editing

.font(1em, 1.25em, bold);



• .rotation - CSS3 - simple rotate elements

.rotation(5deg);

• .scale - CSS3 - elements scaling

.scale(1.5);

• .translate - CSS3 - transform elements (works also on IE9+)

.translate(10, 0);

• .transition - CSS3 - transition effects

.transition(all, 0.2s, ease-out, 1s);

• .animation - CSS3 - simple add animation (required: but you also can create your own animation)

.animation(fadeOut); or .animation(fadeIn, 0, ease, 2s, 1, normal, running);



• .columns - CSS3 - text management

.columns(250, 0, 50, #EEE, solid, 1px);