1 files changed, 31 insertions, 31 deletions

diff --git a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss
index dd01217380..84b8f5cd44 100644
--- a/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss
+++ b/WebContent/VAADIN/themes/runo/splitpanel/splitpanel.scss
@@ -1,17 +1,17 @@
-@mixin runo-splitpanel {
+@mixin runo-splitpanel($primaryStyleName : v-splitpanel) {
 
-.v-splitpanel-horizontal,
-.v-splitpanel-vertical {
+.#{$primaryStyleName}-horizontal,
+.#{$primaryStyleName}-vertical {
 	overflow: hidden;
 }
 
-.v-splitpanel-hsplitter,
-.v-splitpanel-hsplitter-locked {
+.#{$primaryStyleName}-hsplitter,
+.#{$primaryStyleName}-hsplitter-locked {
 	width: 6px;
 }
 
-.v-splitpanel-hsplitter div,
-.v-splitpanel-hsplitter-locked div {
+.#{$primaryStyleName}-hsplitter div,
+.#{$primaryStyleName}-hsplitter-locked div {
 	width: 6px;
 	position: absolute;
 	top: 0;
@@ -21,13 +21,13 @@
 	margin: 0 -1px;
 }
 
-.v-splitpanel-vsplitter,
-.v-splitpanel-vsplitter-locked {
+.#{$primaryStyleName}-vsplitter,
+.#{$primaryStyleName}-vsplitter-locked {
 	height: 6px;
 }
 
-.v-splitpanel-vsplitter div,
-.v-splitpanel-vsplitter-locked div {
+.#{$primaryStyleName}-vsplitter div,
+.#{$primaryStyleName}-vsplitter-locked div {
 	height: 6px;
 	background: #ccd2d0 url(img/bg_ver.png);
 	border: 1px solid #b6bbbc;
@@ -36,49 +36,49 @@
 
 
 /* Rounded style */
-.v-splitpanel-hsplitter-rounded div,
-.v-splitpanel-vsplitter-rounded div,
-.v-splitpanel-hsplitter-rounded-locked div,
-.v-splitpanel-vsplitter-rounded-locked div {
+.#{$primaryStyleName}-hsplitter-rounded div,
+.#{$primaryStyleName}-vsplitter-rounded div,
+.#{$primaryStyleName}-hsplitter-rounded-locked div,
+.#{$primaryStyleName}-vsplitter-rounded-locked div {
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }
-.v-splitpanel-hsplitter-rounded div,
-.v-splitpanel-hsplitter-rounded-locked div {
+.#{$primaryStyleName}-hsplitter-rounded div,
+.#{$primaryStyleName}-hsplitter-rounded-locked div {
 	top: 4px;
 	bottom: 4px;
 }
-.v-splitpanel-vsplitter-rounded div,
-.v-splitpanel-vsplitter-rounded-locked div {
+.#{$primaryStyleName}-vsplitter-rounded div,
+.#{$primaryStyleName}-vsplitter-rounded-locked div {
 	margin: -1px 4px;
 }
 
 
 /* Small style */
-.v-splitpanel-hsplitter-small,
-.v-splitpanel-vsplitter-small,
-.v-splitpanel-hsplitter-small-locked,
-.v-splitpanel-vsplitter-small-locked {
+.#{$primaryStyleName}-hsplitter-small,
+.#{$primaryStyleName}-vsplitter-small,
+.#{$primaryStyleName}-hsplitter-small-locked,
+.#{$primaryStyleName}-vsplitter-small-locked {
 	background: #b6bbbc;
 }
-.v-splitpanel-hsplitter-small,
-.v-splitpanel-hsplitter-small-locked {
+.#{$primaryStyleName}-hsplitter-small,
+.#{$primaryStyleName}-hsplitter-small-locked {
 	width: 1px;
 }
-.v-splitpanel-vsplitter-small,
-.v-splitpanel-vsplitter-small-locked {
+.#{$primaryStyleName}-vsplitter-small,
+.#{$primaryStyleName}-vsplitter-small-locked {
 	height: 1px;
 }
-.v-splitpanel-hsplitter-small div,
-.v-splitpanel-hsplitter-small-locked div {
+.#{$primaryStyleName}-hsplitter-small div,
+.#{$primaryStyleName}-hsplitter-small-locked div {
 	border: none;
 	background: transparent;
 	width: 5px;
 	margin: 0 0 0 -2px;
 }
-.v-splitpanel-vsplitter-small div,
-.v-splitpanel-vsplitter-small-locked div {
+.#{$primaryStyleName}-vsplitter-small div,
+.#{$primaryStyleName}-vsplitter-small-locked div {
 	border: none;
 	background: transparent;
 	height: 5px;