Change sass compoent @mixin parameter from $name to $primaryStyleName, fixes #10294

Change-Id: I548fdd3b0295db980bc4d769826e7c149ec0b3b3

1 files changed, 8 insertions, 8 deletions

diff --git a/WebContent/VAADIN/themes/base/textfield/textfield.scss b/WebContent/VAADIN/themes/base/textfield/textfield.scss
index bb6765a60d..1eb1203e97 100644
--- a/WebContent/VAADIN/themes/base/textfield/textfield.scss
+++ b/WebContent/VAADIN/themes/base/textfield/textfield.scss
@@ -1,23 +1,23 @@
 // textfield-normal.css
 
-@mixin base-textfield($name : v-textfield) {
+@mixin base-textfield($primaryStyleName : v-textfield) {
 
-.#{$name} {
+.#{$primaryStyleName} {
 	text-align: left; /* Force default alignment */
 }
 .v-textarea {
 	resize: none;
 	white-space: pre-wrap;
 }
-.#{$name}-focus,
+.#{$primaryStyleName}-focus,
 .v-textarea-focus {
 }
-input.#{$name}-prompt,
+input.#{$primaryStyleName}-prompt,
 textarea.v-textarea-prompt {
 	color: #999;
 	font-style: italic;
 }
-input.#{$name}-readonly,
+input.#{$primaryStyleName}-readonly,
 textarea.v-textarea-readonly {
 	background: transparent;
 	border: none;
@@ -27,20 +27,20 @@ input.v-disabled,
 textarea.v-disabled {
 	resize: none;
 }
-input.#{$name}-readonly:focus,
+input.#{$primaryStyleName}-readonly:focus,
 textarea.v-textarea-readonly:focus {
 	outline: none;
 }
 /* Disabled by default
 .v-textarea-error,
-.#{$name}-error,
+.#{$primaryStyleName}-error,
 .v-richtextarea-error iframe.gwt-RichTextArea {
 	background: #FFE0E0;	
 }
 */
 /* Disabled by default
 .v-textarea-required,
-.#{$name}-required,
+.#{$primaryStyleName}-required,
 .v-richtextarea-required iframe.gwt-RichTextArea {
 	background: #FFE0E0;	
 }