1 files changed, 24 insertions, 24 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/textfield/textfield.scss b/WebContent/VAADIN/themes/reindeer/textfield/textfield.scss
index 6c3d4000fa..4bca7dbeb6 100644
--- a/WebContent/VAADIN/themes/reindeer/textfield/textfield.scss
+++ b/WebContent/VAADIN/themes/reindeer/textfield/textfield.scss
@@ -1,16 +1,16 @@
-@mixin reindeer-textfield($name : v-textfield) {
+@mixin reindeer-textfield($primaryStyleName : v-textfield) {
 
 /* Textfield on blue background */
-.blue .#{$name},
+.blue .#{$primaryStyleName},
 .blue .v-textarea {
 	border-color: #92a2aa;
 	border-top-color: #7c8a90;
 	border-bottom-color: #a1b3bc;
 }
 /* Default & white background */
-.#{$name},
+.#{$primaryStyleName},
 .v-textarea,
-.white .#{$name},
+.white .#{$primaryStyleName},
 .white .v-textarea {
 	border: 1px solid #bcbdbe;
 	border-top-color: #a2a3a4;
@@ -31,19 +31,19 @@
 	height: auto;
 }
 /* Need more specific selector because of #2384 fixes in base/common/common.css */
-&.v-app input.#{$name},
-.v-window input.#{$name},
+&.v-app input.#{$primaryStyleName},
+.v-window input.#{$primaryStyleName},
 &.v-app textarea.v-textarea,
 .v-window textarea.v-textarea  {
 	padding: 3px 3px 4px;
 }
-&.v-app input.#{$name}.v-widget,
-.v-window input.#{$name}.v-widget {
+&.v-app input.#{$primaryStyleName}.v-widget,
+.v-window input.#{$primaryStyleName}.v-widget {
 	height: 24px;
 }
-&.v-app .#{$name}-focus,
-.v-window .#{$name}-focus,
-.v-popupview-popup .#{$name}-focus,
+&.v-app .#{$primaryStyleName}-focus,
+.v-window .#{$primaryStyleName}-focus,
+.v-popupview-popup .#{$primaryStyleName}-focus,
 &.v-app .v-textarea-focus,
 .v-window .v-textarea-focus,
 .v-popupview-popup .v-textarea-focus {
@@ -53,13 +53,13 @@
 	outline: none;
 	background-color: #fff;
 }
-input.#{$name}-prompt,
+input.#{$primaryStyleName}-prompt,
 textarea.v-textarea-prompt {
 	font-style: normal;
 	color: #999;
 }
 /* Small style textfield */
-&.v-app input.#{$name}-small {
+&.v-app input.#{$primaryStyleName}-small {
 	font-size: 11px;
 	line-height: normal;
 	height: auto;
@@ -68,18 +68,18 @@ textarea.v-textarea-prompt {
 &.v-app textarea.v-textarea-small {
 	font-size: 11px;
 }
-&.v-app .v-table  input.#{$name}.v-widget,
-.v-window .v-table input.#{$name}.v-widget {
+&.v-app .v-table  input.#{$primaryStyleName}.v-widget,
+.v-window .v-table input.#{$primaryStyleName}.v-widget {
 	padding: 1px 2px;
 	height: auto;
 	line-height: normal;
 }
-.v-table-cell-wrapper > input.#{$name} {
+.v-table-cell-wrapper > input.#{$primaryStyleName} {
 	margin-top: -2px;
 	margin-bottom: -2px;
 }
 /* Textfield on black background */
-.black .#{$name},
+.black .#{$primaryStyleName},
 .black .v-textarea {
 	border-color: #38393a;
 	border-top-color: #2c2d2e;
@@ -92,10 +92,10 @@ textarea.v-textarea-prompt {
 .black .v-textarea {
 	background-image: none;
 }
-&.v-app .black .#{$name}-focus,
-.v-window-black .#{$name}-focus,
-.v-window .black .#{$name}-focus,
-.v-popupview-popup .black .#{$name}-focus,
+&.v-app .black .#{$primaryStyleName}-focus,
+.v-window-black .#{$primaryStyleName}-focus,
+.v-window .black .#{$primaryStyleName}-focus,
+.v-popupview-popup .black .#{$primaryStyleName}-focus,
 &.v-app .black .v-textarea-focus,
 .v-window-black .v-textarea-focus,
 .v-window .black .v-textarea-focus,
@@ -105,12 +105,12 @@ textarea.v-textarea-prompt {
 	border-bottom-color: #507596;
 	background-color: #151717;
 }
-.black input.#{$name}-prompt {
+.black input.#{$primaryStyleName}-prompt {
 	color: #5f6366;
 }
 /* Readonly */
-input.#{$name}-readonly,
-.black input.#{$name}-readonly,
+input.#{$primaryStyleName}-readonly,
+.black input.#{$primaryStyleName}-readonly,
 textarea.v-textarea-readonly,
 .black textarea.v-textarea-readonly {
 	border: none;