From 4a8f23db712b26cb5e9e0899a5746a0af2effcc0 Mon Sep 17 00:00:00 2001 From: Rene Saarsoo Date: Thu, 22 Mar 2012 12:12:33 +0200 Subject: [PATCH] Use compass box-shadow mixin. --- template/resources/sass/_examples.scss | 2 +- template/resources/sass/_mixins.scss | 8 ++------ template/resources/sass/_trees.scss | 2 +- 3 files changed, 4 insertions(+), 8 deletions(-) diff --git a/template/resources/sass/_examples.scss b/template/resources/sass/_examples.scss index d733c2cf..af1f3e7c 100644 --- a/template/resources/sass/_examples.scss +++ b/template/resources/sass/_examples.scss @@ -101,7 +101,7 @@ pre.inline-example { border-width: 1px !important; border-style: solid; @include vertical-gradient(#f1f1f1, #e9e9e9); - box-shadow: inset rgba(255,255,255,0.5) 0 1px 0; + @include box-shadow(rgba(255,255,255,0.5) 0 1px 0 0 inset); .separator { border-left: 1px solid #ccc; margin: 0 10px; diff --git a/template/resources/sass/_mixins.scss b/template/resources/sass/_mixins.scss index 43ae32e8..d2e0a168 100644 --- a/template/resources/sass/_mixins.scss +++ b/template/resources/sass/_mixins.scss @@ -1,10 +1,6 @@ @import "variables"; @import "compass/css3"; -@mixin box-shadow($x, $y, $radius, $color) { - -webkit-box-shadow: $x $y $radius $color; - -moz-box-shadow: $x $y $radius $color; } - @mixin vertical-gradient($fromCol, $toCol) { background: $fromCol; background: -webkit-gradient(linear, left top, left bottom, from($fromCol), to($toCol)); @@ -65,7 +61,7 @@ color: #999999; } } @mixin green-button { - box-shadow: inset #b3f33d 0 1px 0; + @include box-shadow(#b3f33d 0 1px 0 0 inset); color: #fff; text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0; @include border-radius(3px); @@ -78,7 +74,7 @@ border-color: #707070; cursor: auto; @include vertical-gradient(#bbb, #9c9c9c); - box-shadow: inset #d7d7d7 0 1px 0; } } + @include box-shadow(#d7d7d7 0 1px 0 0 inset); } } @mixin member-expander { diff --git a/template/resources/sass/_trees.scss b/template/resources/sass/_trees.scss index 49776a99..cdeea599 100644 --- a/template/resources/sass/_trees.scss +++ b/template/resources/sass/_trees.scss @@ -103,7 +103,7 @@ border: 1px solid #727a81; background-color: #646b72; @include vertical-gradient(#646b72, #8d949b); - box-shadow: inset #5b6167 0 0 1px; + @include box-shadow(#5b6167 0 0 1px 0 inset); @include border-radius(10px); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35); } } } -- GitLab