1 files changed, 33 insertions, 33 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/label/label.scss b/WebContent/VAADIN/themes/reindeer/label/label.scss
index a8418718e0..24337e2ff5 100644
--- a/WebContent/VAADIN/themes/reindeer/label/label.scss
+++ b/WebContent/VAADIN/themes/reindeer/label/label.scss
@@ -1,6 +1,6 @@
-@mixin reindeer-label {
+@mixin reindeer-label($name : v-label) {
 
-.v-label {
+.#{$name} {
 	line-height: 18px;
 }
 
@@ -12,27 +12,27 @@
 	color: #C9CCCE;
 	text-shadow: 0 0 1px #000;
 }
-.black .v-label-h1,
-.black .v-label-h2,
+.black .#{$name}-h1,
+.black .#{$name}-h2,
 .black .v-caption-h1,
 .black .v-caption-h2,
-.white .black .v-label-h1,
-.white .black .v-label-h2,
+.white .black .#{$name}-h1,
+.white .black .#{$name}-h2,
 .white .black .v-caption-h1,
 .white .black .v-caption-h2,
-.blue .black .v-label-h1,
-.blue .black .v-label-h2,
+.blue .black .#{$name}-h1,
+.blue .black .#{$name}-h2,
 .blue .black .v-caption-h1,
 .blue .black .v-caption-h2 {
 	color: #fff;
 	text-shadow: rgba(0,0,0,.8) 0 2px 2px;
 }
-.black .v-label-light,
-.white .black .v-label-light {
+.black .#{$name}-light,
+.white .black .#{$name}-light {
 	color: #72787c;
 }
-.black .v-label hr,
-.white .black .v-label hr {
+.black .#{$name} hr,
+.white .black .#{$name} hr {
 	background: #0c0d0e;
 	color: #0c0d0e;
 	border-bottom-color: #292b2e;
@@ -48,23 +48,23 @@
 	color: #222;
 	text-shadow: none;
 }
-.blue .v-label-h1,
-.blue .v-label-h2,
+.blue .#{$name}-h1,
+.blue .#{$name}-h2,
 .blue .v-caption-h1,
 .blue .v-caption-h2,
-.white .blue .v-label-h1,
-.white .blue .v-label-h2,
+.white .blue .#{$name}-h1,
+.white .blue .#{$name}-h2,
 .white .blue .v-caption-h1,
 .white .blue .v-caption-h2 {
 	color: #fff;
 	text-shadow: rgba(0,0,0,.3) 0 1px 1px;
 }
-.blue .v-label-light,
-.white .blue .v-label-light {
+.blue .#{$name}-light,
+.white .blue .#{$name}-light {
 	color: #6e7c83;
 }
-.blue .v-label hr,
-.white .blue .v-label hr {
+.blue .#{$name} hr,
+.white .blue .#{$name} hr {
 	background: #a3bcc9;
 	color: #a3bcc9;
 	border-bottom-color: #cfe2eb;
@@ -73,12 +73,12 @@
 /**********************
  * Default & white styles
  **********************/
-.v-label-h1,
-.v-label-h2,
+.#{$name}-h1,
+.#{$name}-h2,
 .v-caption-h1,
 .v-caption-h2,
-.white .v-label-h1,
-.white .v-label-h2,
+.white .#{$name}-h1,
+.white .#{$name}-h2,
 .white .v-caption-h1,
 .white .v-caption-h2 {
 	font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
@@ -89,22 +89,22 @@
 	letter-spacing: -0.02em;
 	text-shadow: #fff 0 -1px 1px;
 }
-.v-label-h2,
+.#{$name}-h2,
 .v-caption-h2,
-.white .v-label-h2,
+.white .#{$name}-h2,
 .white .v-caption-h2 {
 	font-size: 16px;
 	line-height: 22px;
 }
-.v-label-light,
-.white .v-label-light {
+.#{$name}-light,
+.white .#{$name}-light {
 	font-size: 11px;
 	line-height: 13px;
 	color: #707070;
 }
 
-.v-label hr,
-.white .v-label hr {
+.#{$name} hr,
+.white .#{$name} hr {
 	height: 2px;
 	overflow: hidden;
 	background: #dcdcdc;
@@ -113,13 +113,13 @@
 	border-bottom: 1px solid #fff;
 }
 
-.v-sa .v-label hr,
-.v-ie8 .v-label hr {
+.v-sa .#{$name} hr,
+.v-ie8 .#{$name} hr {
 	height: 1px;
 }
 
 /* Labels inside Table don't need a line-height */
-.v-table .v-label {
+.v-table .#{$name} {
 	line-height: normal;
 }