From 28432ce8bd4e45122ead576c7ba8871cd009fbce Mon Sep 17 00:00:00 2001 From: pilbot Date: Sat, 25 Aug 2012 17:46:49 +0100 Subject: [PATCH] Added radial-gradient: #gradient > .radial Added the radial gradient type as described in http://dev.w3.org/csswg/css3-images/#radial-gradients most browser implementations, save IE10 do not use the newer syntax that can be seen in the unprefixed form. --- elements.less | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/elements.less b/elements.less index a6db284..91359ec 100644 --- a/elements.less +++ b/elements.less @@ -56,6 +56,14 @@ rgb(@start,@start,@start) 0%, rgb(@stop,@stop,@stop) 100%); } + .radial(@color: #F5F5F5, @start: #000, @stop: #FFF, @shape: circle farthest-corner, @position: center){ + background: @color; + background-image: radial-gradient(@shape at @position, @start 0%, @stop 100%); + background-image: -moz-radial-gradient(@position, @shape, @start 0%, @stop 100%); + background-image: -ms-radial-gradient(@position, @shape, @start 0%, @stop 100%); + background-image: -o-radial-gradient(@position, @shape, @start 0%, @stop 100%); + background-image: -webkit-radial-gradient(@position, @shape, @start 0%, @stop 100%); + } .none(){ background:none; filter:none;