summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/base/shadow/shadow.scss
diff options
context:
space:
mode:
Diffstat (limited to 'WebContent/VAADIN/themes/base/shadow/shadow.scss')
-rw-r--r--WebContent/VAADIN/themes/base/shadow/shadow.scss72
1 files changed, 72 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/base/shadow/shadow.scss b/WebContent/VAADIN/themes/base/shadow/shadow.scss
new file mode 100644
index 0000000000..4e1085aa5a
--- /dev/null
+++ b/WebContent/VAADIN/themes/base/shadow/shadow.scss
@@ -0,0 +1,72 @@
+@mixin base-shadow {
+
+.v-shadow {
+ position: absolute;
+}
+
+.v-shadow .top-left {
+ position: absolute; overflow: hidden;
+ top: -3px; left: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(img/top-left.png);
+}
+
+.v-shadow .top {
+ position: absolute; overflow: hidden;
+ top: -3px; left: 5px;
+ height: 10px; right: 5px;
+ background: transparent url(img/top.png);
+}
+
+.v-shadow .top-right {
+ position: absolute; overflow: hidden;
+ top: -3px; right: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(img/top-right.png);
+}
+
+.v-shadow .left {
+ position: absolute; overflow: hidden;
+ top: 7px; left: -5px;
+ width: 10px;
+ bottom: 3px;
+ background: transparent url(img/left.png);
+}
+
+.v-shadow .center {
+ position: absolute; overflow: hidden;
+ top: 7px; left: 5px;
+ bottom: 3px; right: 5px;
+ background: transparent url(img/center.png);
+}
+
+.v-shadow .right {
+ position: absolute; overflow: hidden;
+ top: 7px; right: -5px;
+ width: 10px;
+ bottom: 3px;
+ background: transparent url(img/right.png);
+}
+
+.v-shadow .bottom-left {
+ position: absolute; overflow: hidden;
+ bottom: -7px; left: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(img/bottom-left.png);
+}
+
+.v-shadow .bottom {
+ position: absolute; overflow: hidden;
+ bottom: -7px; left: 5px;
+ right: 5px; height: 10px;
+ background: transparent url(img/bottom.png);
+}
+
+.v-shadow .bottom-right {
+ position: absolute; overflow: hidden;
+ bottom: -7px; right: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(img/bottom-right.png);
+}
+
+} \ No newline at end of file