chore(sass): update sass to match linter config

references #5797

ionic/components/input/input.ios.scss

@@ -7,7 +7,7 @@
 $text-input-ios-background-color:          $list-ios-background-color !default;
 
 $text-input-ios-input-clear-icon-width:    30px !default;
-$text-input-ios-input-clear-icon-color:    rgba(0, 0, 0, 0.5) !default;
+$text-input-ios-input-clear-icon-color:    rgba(0, 0, 0, .5) !default;
 $text-input-ios-input-clear-icon-svg:      "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='" + $text-input-ios-input-clear-icon-color + "' d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>" !default;
 $text-input-ios-input-clear-icon-size:     18px !default;
 
@@ -35,16 +35,16 @@ $text-input-ios-input-clear-icon-size:     18px !default;
 
 .item-label-stacked .text-input,
 .item-label-floating .text-input {
-  margin-left: 0;
   margin-top: 8px;
   margin-bottom: 8px;
+  margin-left: 0;
 }
 
 .item-label-stacked ion-select,
 .item-label-floating ion-select {
-  padding-left: 0;
   padding-top: 8px;
   padding-bottom: 8px;
+  padding-left: 0;
 }
 
 .item-label-floating .text-input.cloned-input,
@@ -65,10 +65,10 @@ ion-input[clearInput] {
 }
 
 .text-input-clear-icon {
-  width: $text-input-ios-input-clear-icon-width;
-
   @include svg-background-image($text-input-ios-input-clear-icon-svg);
-  background-size: $text-input-ios-input-clear-icon-size;
+
   right: ($item-ios-padding-right / 2);
   bottom: 0;
+  width: $text-input-ios-input-clear-icon-width;
+  background-size: $text-input-ios-input-clear-icon-size;
 }

ionic/components/input/input.md.scss

@@ -10,7 +10,7 @@ $text-input-md-hightlight-color-valid:      map-get($colors-md, secondary) !defa
 $text-input-md-hightlight-color-invalid:    map-get($colors-md, danger) !default;
 
 $text-input-md-input-clear-icon-width:      30px !default;
-$text-input-md-input-clear-icon-color:      #5B5B5B !default;
+$text-input-md-input-clear-icon-color:      #5b5b5b !default;
 $text-input-md-input-clear-icon-svg:        "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><polygon fill='" + $text-input-md-input-clear-icon-color + "' points='405,136.798 375.202,107 256,226.202 136.798,107 107,136.798 226.202,256 107,375.202 136.798,405 256,285.798 375.202,405 405,375.202 285.798,256'/></svg>" !default;
 $text-input-md-input-clear-icon-size:       22px !default;
 
@@ -37,26 +37,26 @@ $text-input-md-input-clear-icon-size:       22px !default;
 // Material Design Highlighted Input
 // --------------------------------------------------
 
-ion-input:after {
+ion-input::after {
   position: absolute;
-  bottom: 0;
   right: 0;
+  bottom: 0;
   left: $item-md-padding-left;
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: transparent;
-  content: '';
+  content: "";
 }
 
-.input-has-focus:after {
+.input-has-focus::after {
   border-bottom-color: $text-input-md-highlight-color;
 }
 
-ion-input.ng-valid.input-has-value:after {
+ion-input.ng-valid.input-has-value::after {
   border-bottom-color: $text-input-md-hightlight-color-valid;
 }
 
-ion-input.ng-invalid.ng-touched:after {
+ion-input.ng-invalid.ng-touched::after {
   border-bottom-color: $text-input-md-hightlight-color-invalid;
 }
 
@@ -66,16 +66,16 @@ ion-input.ng-invalid.ng-touched:after {
 
 .item-label-stacked .text-input,
 .item-label-floating .text-input {
-  margin-left: 0;
   margin-top: 8px;
   margin-bottom: 8px;
+  margin-left: 0;
 }
 
 .item-label-stacked ion-select,
 .item-label-floating ion-select {
-  padding-left: 0;
   padding-top: 8px;
   padding-bottom: 8px;
+  padding-left: 0;
 }
 
 .item-label-floating .text-input.cloned-input {
@@ -99,10 +99,10 @@ ion-input[clearInput] {
 }
 
 .text-input-clear-icon {
-  width: $text-input-md-input-clear-icon-width;
-
   @include svg-background-image($text-input-md-input-clear-icon-svg);
-  background-size: $text-input-md-input-clear-icon-size;
+
   right: ($item-md-padding-right / 2);
   bottom: 2px;
+  width: $text-input-md-input-clear-icon-width;
+  background-size: $text-input-md-input-clear-icon-size;
 }

ionic/components/input/input.scss

@@ -29,15 +29,16 @@ ion-textarea {
 // --------------------------------------------------
 
 .text-input {
+  @include placeholder();
+
   display: inline-block;
-  background: transparent;
-  border: 0;
-  border-radius: 0;
   flex: 1;
   width: 92%;
   width: calc(100% - 10px);
+  border: 0;
+  border-radius: 0;
+  background: transparent;
   -webkit-appearance: none;
-  @include placeholder();
 }
 
 textarea.text-input {
@@ -45,7 +46,7 @@ textarea.text-input {
 }
 
 .text-input[disabled] {
-  opacity: 0.4;
+  opacity: .4;
 }
 
 
@@ -92,9 +93,9 @@ input.text-input:-webkit-autofill {
 [next-input] {
   position: absolute;
   bottom: 1px;
+  padding: 0;
   width: 1px;
   height: 1px;
-  padding: 0;
   border: 0;
   background: transparent;
   pointer-events: none;

ionic/components/input/input.wp.scss

@@ -64,17 +64,17 @@ ion-input.ng-invalid.ng-touched .text-input {
 
 .item-label-stacked .text-input,
 .item-label-floating .text-input {
-  margin-left: 0;
   margin-top: 8px;
   margin-bottom: 8px;
+  margin-left: 0;
 }
 
 .item-label-stacked ion-select,
 .item-label-floating ion-select {
-  padding-top: 0;
-  padding-bottom: 0;
   margin-top: 8px;
   margin-bottom: 8px;
+  padding-top: 0;
+  padding-bottom: 0;
 
   .select-icon {
     margin-top: 5px;
@@ -106,10 +106,10 @@ ion-input[clearInput] {
 }
 
 .text-input-clear-icon {
-  width: $text-input-wp-input-clear-icon-width;
-
   @include svg-background-image($text-input-wp-input-clear-icon-svg);
-  background-size: $text-input-wp-input-clear-icon-size;
+
   right: ($item-wp-padding-right / 2);
   bottom: 2px;
+  width: $text-input-wp-input-clear-icon-width;
+  background-size: $text-input-wp-input-clear-icon-size;
 }