1 files changed, 14 insertions, 14 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/tree/tree.scss b/WebContent/VAADIN/themes/reindeer/tree/tree.scss
index 3a1ad35c81..da3b46dc65 100644
--- a/WebContent/VAADIN/themes/reindeer/tree/tree.scss
+++ b/WebContent/VAADIN/themes/reindeer/tree/tree.scss
@@ -1,20 +1,20 @@
-@mixin reindeer-tree {
+@mixin reindeer-tree($name : v-tree) {
 
-.v-tree-node {
+.#{$name}-node {
 	background: transparent url(img/arrows.png) no-repeat 6px -10px;
 }
-.v-tree-node-expanded {
+.#{$name}-node-expanded {
 	background-position: -7px 5px;
 }
-.v-tree-node-caption {
+.#{$name}-node-caption {
 	margin-left: 16px;
 	padding-bottom: 1px;
 }
-.v-tree-node span {
+.#{$name}-node span {
 	padding: 1px 2px;
 	display: inline-block;
 }
-.v-tree-node-selected span {
+.#{$name}-node-selected span {
 	background: #4d749f repeat-x;
 	background-image: url(../common/img/sel-bg.png); /* sprite-ref: verticals; sprite-alignment: repeat */
 	color: #fff;
@@ -24,31 +24,31 @@
 	text-shadow: #2b425a 0 1px 0;
 	display: inline-block;
 }
-.v-tree-node-children {
+.#{$name}-node-children {
 	padding-left: 16px;
 }
-.v-tree-node-caption.v-tree-node-focused span{
+.#{$name}-node-caption.#{$name}-node-focused span{
 	padding-left: 1px;
 	padding-top: 0px;
 	padding-bottom: 0px;
 }
-.v-tree-node-focused span{
+.#{$name}-node-focused span{
 	border: 1px dotted black;	
 }
 /***************************************
  * Drag'n'drop styles
  ***************************************/
-.v-tree .v-tree-node-drag-top {
+.#{$name} .#{$name}-node-drag-top {
 	background-position: 6px -11px;
 }
-.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
+.#{$name} .#{$name}-node-drag-top.#{$name}-node-expanded {
 	background-position: -7px 4px;
 }
-.v-tree-connectors .v-tree-node-drag-top,
-.v-tree-connectors .v-tree-node-expanded.v-tree-node-drag-top {
+.#{$name}-connectors .#{$name}-node-drag-top,
+.#{$name}-connectors .#{$name}-node-expanded.#{$name}-node-drag-top {
 	background-position: 2px -53px;
 }
-.v-tree-connectors .v-tree-node-drag-top.v-tree-node-leaf {
+.#{$name}-connectors .#{$name}-node-drag-top.#{$name}-node-leaf {
 	background-position: 2px 50%;
 }