diff --git a/template/resources/sass/_examples.scss b/template/resources/sass/_examples.scss index d733c2cf30ba9965b5db50bce2e2b536d0bb7a26..af1f3e7ca79e9d08957e5929ae99e4b9f502c7d6 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 43ae32e8a73c4b132a80862150468443b0fa9afe..d2e0a1688e8d3c4bdc12dbaa4bc8a078e2033a70 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 49776a99d768818693c469bc7d2d68157d92a120..cdeea599ddf3298c082528754788fe3a88c3f16c 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); } } }