From 3f1f62260c52f667d357bfbd9c53b4cd915db09c Mon Sep 17 00:00:00 2001 From: Fabian Vogelsteller Date: Wed, 4 Jul 2012 12:18:11 +0200 Subject: [PATCH] add #shadows .both(); to add inner and outer shadows --- elements.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/elements.less b/elements.less index dd52e36..95e7792 100644 --- a/elements.less +++ b/elements.less @@ -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;