1 files changed, 21 insertions, 21 deletions
diff --git a/WebContent/VAADIN/themes/reindeer/button/button-primary-style.scss b/WebContent/VAADIN/themes/reindeer/button/button-primary-style.scss
index f4cd726412..238a694e28 100644
--- a/WebContent/VAADIN/themes/reindeer/button/button-primary-style.scss
+++ b/WebContent/VAADIN/themes/reindeer/button/button-primary-style.scss
@@ -1,30 +1,30 @@
-@mixin reindeer-button-primary-style($name : v-button) {
+@mixin reindeer-button-primary-style($primaryStyleName : v-button) {
 
-.#{$name}-primary:focus {
+.#{$primaryStyleName}-primary:focus {
 	background-image: url(img/primary-left-focus.png); /** sprite-ref: buttons */
 	}
 	
-.#{$name}-primary:focus .#{$name}-wrap {
+.#{$primaryStyleName}-primary:focus .#{$primaryStyleName}-wrap {
 	background-image: url(img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
 	}
 	
-.#{$name}-primary:active,
-.#{$name}-primary.v-pressed {
+.#{$primaryStyleName}-primary:active,
+.#{$primaryStyleName}-primary.v-pressed {
 	background-image: url(img/primary-left-pressed.png); /** sprite-ref: buttons */
 	}
 
-.#{$name}-primary:active .#{$name}-wrap,
-.#{$name}-primary.v-pressed .#{$name}-wrap {
+.#{$primaryStyleName}-primary:active .#{$primaryStyleName}-wrap,
+.#{$primaryStyleName}-primary.v-pressed .#{$primaryStyleName}-wrap {
 	background-image: url(img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
 	}
 
-.#{$name}-primary,
-.v-disabled.#{$name}-primary {
+.#{$primaryStyleName}-primary,
+.v-disabled.#{$primaryStyleName}-primary {
 	background-image: url(img/primary-left.png); /** sprite-ref: buttons */
 	}
 	
-.#{$name}-primary .#{$name}-wrap,
-.v-disabled.#{$name}-primary .#{$name}-wrap {
+.#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap,
+.v-disabled.#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap {
 	background-image: url(img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */
 	}
 	
@@ -34,32 +34,32 @@
 /* Black style */
 
 
-.black .#{$name}-primary:focus {
+.black .#{$primaryStyleName}-primary:focus {
 	background-image: url(img/black/primary-left-focus.png); /** sprite-ref: black-buttons */
 	}
 	
-.black .#{$name}-primary:focus .#{$name}-wrap {
+.black .#{$primaryStyleName}-primary:focus .#{$primaryStyleName}-wrap {
 	background-image: url(img/black/primary-right-focus.png); /** sprite-ref: black-buttons; sprite-alignment: right */
 	color: #eaf4fb;
 	}
 	
-.black .#{$name}-primary:active,
-.black .#{$name}-primary.v-pressed {
+.black .#{$primaryStyleName}-primary:active,
+.black .#{$primaryStyleName}-primary.v-pressed {
 	background-image: url(img/black/primary-left-pressed.png); /** sprite-ref: black-buttons */
 	}
 	
-.black .#{$name}-primary:active .#{$name}-wrap,
-.black .#{$name}-primary.v-pressed .#{$name}-wrap {
+.black .#{$primaryStyleName}-primary:active .#{$primaryStyleName}-wrap,
+.black .#{$primaryStyleName}-primary.v-pressed .#{$primaryStyleName}-wrap {
 	background-image: url(img/black/primary-right-pressed.png); /** sprite-ref: black-buttons; sprite-alignment: right */
 	}
 
-.black .#{$name}-primary,
-.black .v-disabled.#{$name}-primary {
+.black .#{$primaryStyleName}-primary,
+.black .v-disabled.#{$primaryStyleName}-primary {
 	background-image: url(img/black/primary-left.png); /** sprite-ref: black-buttons */
 	}
 	
-.black .#{$name}-primary .#{$name}-wrap,
-.black .v-disabled.#{$name}-primary .#{$name}-wrap {
+.black .#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap,
+.black .v-disabled.#{$primaryStyleName}-primary .#{$primaryStyleName}-wrap {
 	background-image: url(img/black/primary-right.png); /** sprite-ref: black-buttons; sprite-alignment: right */
 	}