Sass restructure: base theme with renameable components

1 files changed, 18 insertions, 18 deletions

diff --git a/WebContent/VAADIN/themes/base/treetable/treetable.scss b/WebContent/VAADIN/themes/base/treetable/treetable.scss
index 30e6b9ccbd..dfb4628794 100644
--- a/WebContent/VAADIN/themes/base/treetable/treetable.scss
+++ b/WebContent/VAADIN/themes/base/treetable/treetable.scss
@@ -1,6 +1,6 @@
-@mixin base-treetable {
+@mixin base-treetable($name : v-treetable) {
 
-.v-treetable-treespacer {
+.#{$name}-treespacer {
     display: inline-block;
     background: transparent;
     height: 10px;
@@ -11,58 +11,58 @@
     top: 5px;
 }
 
-.v-treetable-node-closed {
+.#{$name}-node-closed {
     background: url(../treetable/img/arrow-right.png) right top no-repeat;
 }
 
-.v-treetable-node-open {
+.#{$name}-node-open {
     background: url(../treetable/img/arrow-down.png) right top no-repeat;
 }
 
-.v-treetable .v-checkbox {
+.#{$name} .v-checkbox {
 	display: inline-block;
 	padding-bottom: 4px;
 }
 
-.v-treetable .v-table-row .v-table-cell-content,
-.v-treetable .v-table-row-odd .v-table-cell-content {
+.#{$name} .v-table-row .v-table-cell-content,
+.#{$name} .v-table-row-odd .v-table-cell-content {
     position: relative;
     z-index: 10;
 }
 
-.v-treetable .v-table-cell-wrapper {
+.#{$name} .v-table-cell-wrapper {
 	position: relative;
 }
 
-.v-treetable .v-table-body .v-table-table .v-table-row-animating {
+.#{$name} .v-table-body .v-table-table .v-table-row-animating {
 	zoom:1;
 	z-index:1;
 }
 
-.v-treetable .v-table-body .v-table-table .v-table-row-animating,
-.v-treetable .v-table-body .v-table-table .v-table-row-animating .v-table-cell-content {
+.#{$name} .v-table-body .v-table-table .v-table-row-animating,
+.#{$name} .v-table-body .v-table-table .v-table-row-animating .v-table-cell-content {
     background:transparent;
 }
 
-.v-treetable-animation-clone {
+.#{$name}-animation-clone {
 	border-spacing: 0;
 	zoom:1;
 }
 
-div.v-treetable-animation-clone-wrapper {
+div.#{$name}-animation-clone-wrapper {
 	position: absolute;
     z-index: 2;
     background-color:#fff;
 }
 
-div.v-treetable-animation-clone-wrapper table.v-treetable-animation-clone {
+div.#{$name}-animation-clone-wrapper table.#{$name}-animation-clone {
     background-color:#fff;
 }
 
-div table.v-treetable-animation-clone tr.v-table-row,
-div table.v-treetable-animation-clone tr.v-table-row-odd,
-div table.v-treetable-animation-clone tr.v-table-row td.v-table-cell-content,
-div table.v-treetable-animation-clone tr.v-table-row-odd td.v-table-cell-content {
+div table.#{$name}-animation-clone tr.v-table-row,
+div table.#{$name}-animation-clone tr.v-table-row-odd,
+div table.#{$name}-animation-clone tr.v-table-row td.v-table-cell-content,
+div table.#{$name}-animation-clone tr.v-table-row-odd td.v-table-cell-content {
 	visibility: visible;
 }