Sass restructure: base theme with renameable components

1 files changed, 6 insertions, 6 deletions

diff --git a/WebContent/VAADIN/themes/base/caption/caption.scss b/WebContent/VAADIN/themes/base/caption/caption.scss
index c6fd124ad6..d08f682adb 100644
--- a/WebContent/VAADIN/themes/base/caption/caption.scss
+++ b/WebContent/VAADIN/themes/base/caption/caption.scss
@@ -1,26 +1,26 @@
-@mixin base-caption {
+@mixin base-caption($name : v-caption) {
 
-.v-captionwrapper {
+.#{$name}wrapper {
 	text-align: left; /* Force default alignment */
 }
-.v-caption {
+.#{$name} {
 	overflow: hidden;
 	white-space: nowrap;
 }
 .v-errorindicator {
 	display: inline-block;
 }
-.v-caption .v-icon {
+.#{$name} .v-icon {
 	display: inline-block;
 	padding-right: 2px;
 	vertical-align: middle;
 }
-.v-caption .v-captiontext {
+.#{$name} .#{$name}text {
 	display: inline-block;
 	overflow: hidden;
 	vertical-align: middle;
 }
-.v-caption .v-required-field-indicator {
+.#{$name} .v-required-field-indicator {
 	display: inline-block;
 }