oreolek
/
less-elements
mirror of https://github.com/Oreolek/elements.git
1
0
Fork 0
Code Issues Releases Wiki Activity

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.
This commit is contained in:
pilbot 2012-08-25 17:46:49 +01:00
parent 24a7b93f1c
commit 28432ce8bd
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
elements.less
View File

@ -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;