1 files changed, 18 insertions, 18 deletions

diff --git a/WebContent/VAADIN/themes/runo/panel/panel.scss b/WebContent/VAADIN/themes/runo/panel/panel.scss
index d33bcc5c62..1243cfbb77 100644
--- a/WebContent/VAADIN/themes/runo/panel/panel.scss
+++ b/WebContent/VAADIN/themes/runo/panel/panel.scss
@@ -1,15 +1,15 @@
-@mixin runo-panel {
+@mixin runo-panel($primaryStyleName : v-panel) {
 
-.v-panel {
+.#{$primaryStyleName} {
 	background: transparent url(img/top-left.png) no-repeat;
 }
-.v-panel-caption .v-errorindicator {
+.#{$primaryStyleName}-caption .v-errorindicator {
 	padding-right: 20px;
 	background: transparent url(../icons/16/error.png) no-repeat bottom center;
 	
 }
-.v-panel-caption,
-.v-panel-caption-light {
+.#{$primaryStyleName}-caption,
+.#{$primaryStyleName}-caption-light {
 	font-size: 18px;
 	line-height: normal;
 	font-weight: normal;
@@ -21,22 +21,22 @@
 	background: transparent url(img/top-right.png) no-repeat right top;
 	text-overflow: ellipsis;
 }
-.v-panel-nocaption {
+.#{$primaryStyleName}-nocaption {
 	height: 9px;
 	margin-left: 10px;
 	background: transparent url(img/top-right.png) no-repeat right top;
 }
-.v-panel-content {
+.#{$primaryStyleName}-content {
 	border: 1px solid #babfc0;
 	border-bottom: 1px solid #dee2e3;
 	background-color: #fff;
 }
-.v-panel-deco {
+.#{$primaryStyleName}-deco {
 	height: 9px;
 	background: transparent url(img/bottom-right.png) repeat-x right top;
 	margin-left: 9px;
 }
-.v-panel-deco:before {
+.#{$primaryStyleName}-deco:before {
 	display: block;
 	
 	width: 9px;
@@ -45,37 +45,37 @@
 	background: transparent url(img/bottom-left.png) no-repeat;
 }
 /* Light panel style */
-.v-panel-light,
-.v-panel-caption-light {
+.#{$primaryStyleName}-light,
+.#{$primaryStyleName}-caption-light {
 	background: transparent;
 }
-.v-panel-caption-light {
+.#{$primaryStyleName}-caption-light {
 	border-bottom: 1px solid #babfc0;
 	margin: 0;
 	padding-left: 18px;
 }
-.v-panel-nocaption-light {
+.#{$primaryStyleName}-nocaption-light {
 	background: transparent;
 	border: none;
 	height: 0;
 	margin: 0;
 }
-.v-panel-content-light {
+.#{$primaryStyleName}-content-light {
 	border: none;
 	background: transparent;
 }
-.v-panel-deco-light {
+.#{$primaryStyleName}-deco-light {
 	height: 0;
 	overflow: hidden;
 }
 /* IE specific rules */
-.v-ie8 & .v-panel-content {
+.v-ie8 & .#{$primaryStyleName}-content {
 	border-bottom: 1px solid #babfc0;
 }
-.v-ie8 & .v-panel-content-light {
+.v-ie8 & .#{$primaryStyleName}-content-light {
 	border-bottom: none;
 }
-.v-ie8 & .v-panel-deco { 
+.v-ie8 & .#{$primaryStyleName}-deco { 
 	height: 0;
 	overflow: hidden;
 }