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

add #shadows .both(); to add inner and outer shadows

This commit is contained in:
Fabian Vogelsteller 2012-07-04 12:18:11 +02:00
parent 1c7fa4e9cb
commit 3f1f62260c
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
elements.less
View File

@ -101,6 +101,11 @@
-moz-box-shadow: inset @horizontal @vertical @blur fadeout(@color, 100-(@alpha*100));
box-shadow: inset @horizontal @vertical @blur fadeout(@color, 100-(@alpha*100));
}
.both(@horizontalOut:0, @verticalOut:1px, @blurOut:2px, @alphaOut: 0.4, @colorOut: #000,@horizontalIn:0, @verticalIn:1px, @blurIn:2px, @alphaIn: 0.4, @colorIn: #000) {
-webkit-box-shadow: @horizontalOut @verticalOut @blurOut fadeout(@colorOut, 100-(@alphaOut*100)), inset @horizontalIn @verticalIn @blurIn fadeout(@colorIn, 100-(@alphaIn*100));
-moz-box-shadow: @horizontalOut @verticalOut @blurOut fadeout(@colorOut, 100-(@alphaOut*100)), inset @horizontalIn @verticalIn @blurIn fadeout(@colorIn, 100-(@alphaIn*100));
box-shadow: @horizontalOut @verticalOut @blurOut fadeout(@colorOut, 100-(@alphaOut*100)), inset @horizontalIn @verticalIn @blurIn fadeout(@colorIn, 100-(@alphaIn*100));
}
.box(@arguments) {
-webkit-box-shadow: @arguments;
-moz-box-shadow: @arguments;