1 files changed, 6 insertions, 6 deletions
diff --git a/WebContent/VAADIN/themes/chameleon/components/menubar/menubar.scss b/WebContent/VAADIN/themes/chameleon/components/menubar/menubar.scss
index 55ade4c060..b2cba85067 100644
--- a/WebContent/VAADIN/themes/chameleon/components/menubar/menubar.scss
+++ b/WebContent/VAADIN/themes/chameleon/components/menubar/menubar.scss
@@ -1,26 +1,26 @@
-@mixin chameleon-menubar {
+@mixin chameleon-menubar($primaryStyleName : v-menubar) {
 
-.v-menubar {
+.#{$primaryStyleName} {
 	padding: 0 .4em;
 	background: #c9c9c9 url(../../img/grad-light-top.png) repeat-x;
 	border: 1px solid #b3b3b3;
 	border-width: 1px 0;
 	}
 
-.v-menubar .v-menubar-menuitem {
+.#{$primaryStyleName} .#{$primaryStyleName}-menuitem {
 	padding: .2em .5em;
 	line-height: normal;
 	}
 
-.v-menubar-submenu .v-menubar-menuitem {
+.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem {
 	padding-right:1.5em;
 	}
 
-.v-menubar-submenu .v-menubar-submenu-indicator {
+.#{$primaryStyleName}-submenu .#{$primaryStyleName}-submenu-indicator {
 	margin-top: .1em;
 	}
 
-.v-menubar-submenu .v-menubar-menuitem-selected {
+.#{$primaryStyleName}-submenu .#{$primaryStyleName}-menuitem-selected {
 	background-image: url(../../img/grad-light-top2.png);
 	background-position: 0 -1px;
 	}