1 files changed, 24 insertions, 24 deletions

diff --git a/WebContent/VAADIN/themes/base/select/select.scss b/WebContent/VAADIN/themes/base/select/select.scss
index d2d9e8a663..483f0e16b6 100644
--- a/WebContent/VAADIN/themes/base/select/select.scss
+++ b/WebContent/VAADIN/themes/base/select/select.scss
@@ -1,58 +1,58 @@
-@mixin base-select {
+@mixin base-select($name : v-select) {
 
-.v-select {
+.#{$name} {
 	text-align: left;
 }
-.v-select-optiongroup .v-select-option {
+.#{$name}-optiongroup .#{$name}-option {
 	display: block;
 	white-space: nowrap;
 }
-.v-select-optiongroup .v-icon {
+.#{$name}-optiongroup .v-icon {
 	vertical-align: middle;
 	white-space: nowrap;
 	margin: 0 2px;	
 }
-.v-ie .v-select-optiongroup .v-select-option {
+.v-ie .#{$name}-optiongroup .#{$name}-option {
 	zoom: 1;
 }
-.v-select-select {
+.#{$name}-select {
 	display: block;
 }
-.v-select-twincol {
+.#{$name}-twincol {
 	white-space: nowrap;
 }
-.v-select-twincol-options {
+.#{$name}-twincol-options {
 	float: left;
 }
-.v-select-twincol-caption-left {
+.#{$name}-twincol-caption-left {
 	float: left;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.v-select-twincol-selections {
+.#{$name}-twincol-selections {
 	font-weight: bold;
 }
-.v-select-twincol-caption-right {
+.#{$name}-twincol-caption-right {
 	float: right;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.v-select-twincol-buttons {
+.#{$name}-twincol-buttons {
 	float: left;
 	text-align: center;
 }
-.v-select-twincol-buttons .v-select-twincol-deco {
+.#{$name}-twincol-buttons .#{$name}-twincol-deco {
 	clear: both;
 }
-.v-select-twincol .v-textfield {
+.#{$name}-twincol .v-textfield {
 	display: block;
 	float: left;
 	clear: left;
 }
-.v-select-twincol .v-button {
+.#{$name}-twincol .v-button {
 	float: left;
 }
-.v-select-twincol-buttons .v-button {
+.#{$name}-twincol-buttons .v-button {
 	float: none;
 }
 .v-filterselect {
@@ -150,10 +150,10 @@
 /* Error styles (disabled by default)
 
 .v-filterselect-error .v-filterselect-input,
-.v-select-error .v-select-option,
-.v-select-error .v-select-select,
-.v-select-error .v-select-twincol-selections,
-.v-select-error .v-select-twincol-options {
+.#{$name}-error .#{$name}-option,
+.#{$name}-error .#{$name}-select,
+.#{$name}-error .#{$name}-twincol-selections,
+.#{$name}-error .#{$name}-twincol-options {
 	background: #ffaaaa;
 }
 */
@@ -161,10 +161,10 @@
 /*  Required field styles (disabled by default)
    
 .v-filterselect-error .v-filterselect-input,
-.v-select-required .v-select-option,
-.v-select-required .v-select-select,
-.v-select-required .v-select-twincol-selections,
-.v-select-required .v-select-twincol-options {
+.#{$name}-required .#{$name}-option,
+.#{$name}-required .#{$name}-select,
+.#{$name}-required .#{$name}-twincol-selections,
+.#{$name}-required .#{$name}-twincol-options {
 	background: #ffaaaa;
 }
 */