style(sass): remove all PropertySortOrder errors from linter

references #5797

ionic/components/button/button-fab.scss

@@ -9,17 +9,21 @@ $button-fab-size:           56px !default;
 .button-fab {
   position: absolute;
   overflow: hidden;
+
   width: $button-fab-size;
   min-width: 0;
   height: $button-fab-size;
+
   border-radius: 50%;
   font-size: 14px;
   line-height: $button-fab-size;
   vertical-align: middle;
+
   background-clip: padding-box;
 
   ion-icon {
     flex: 1;
+
     font-size: 2.8rem;
   }
 
@@ -27,6 +31,7 @@ $button-fab-size:           56px !default;
 
 [fab-center] {
   left: 50%;
+
   margin-left: -$button-fab-size / 2;
 }
 

ionic/components/button/button-icon.scss

@@ -6,26 +6,33 @@
 
 .button-icon-left ion-icon {
   padding-right: .3em;
+
   font-size: 1.4em;
   line-height: .67;
+
   pointer-events: none;
 }
 
 .button-icon-right ion-icon {
   padding-left: .4em;
+
   font-size: 1.4em;
   line-height: .67;
+
   pointer-events: none;
 }
 
 .button-icon-only {
   padding: 0;
+
   min-width: .9em;
 
   ion-icon {
     padding: 0 .5em;
+
     font-size: 1.8em;
     line-height: .67;
+
     pointer-events: none;
   }
 }

ionic/components/button/button.ios.scss

@@ -31,6 +31,7 @@ $button-ios-small-icon-font-size:     1.3em !default;
   padding: $button-ios-padding;
 
   height: $button-ios-height;
+
   border-radius: $button-ios-border-radius;
   font-size: $button-ios-font-size;
 
@@ -75,13 +76,17 @@ $button-ios-small-icon-font-size:     1.3em !default;
 
 .button-large {
   padding: 0 $button-ios-large-padding;
+
   height: $button-ios-large-height;
+
   font-size: $button-ios-large-font-size;
 }
 
 .button-small {
   padding: 0 $button-ios-small-padding;
+
   height: $button-ios-small-height;
+
   font-size: $button-ios-small-font-size;
 
   &.button-icon-only ion-icon {
@@ -103,6 +108,7 @@ $button-ios-small-icon-font-size:     1.3em !default;
 .button-full {
   margin-right: 0;
   margin-left: 0;
+
   border-right-width: 0;
   border-left-width: 0;
   border-radius: 0;
@@ -197,6 +203,7 @@ $button-ios-small-icon-font-size:     1.3em !default;
 
 .button-round {
   padding: $button-round-padding;
+
   border-radius: $button-round-border-radius;
 }
 

ionic/components/button/button.md.scss

@@ -42,7 +42,9 @@ $button-md-small-icon-font-size:           1.4em !default;
 .button {
   margin: $button-md-margin;
   padding: $button-md-padding;
+
   height: $button-md-height;
+
   border-radius: $button-md-border-radius;
 
   font-size: $button-md-font-size;
@@ -107,13 +109,17 @@ $button-md-small-icon-font-size:           1.4em !default;
 
 .button-large {
   padding: 0 $button-md-large-padding;
+
   height: $button-md-large-height;
+
   font-size: $button-md-large-font-size;
 }
 
 .button-small {
   padding: 0 $button-md-small-padding;
+
   height: $button-md-small-height;
+
   font-size: $button-md-small-font-size;
 
   &.button-icon-only ion-icon {
@@ -135,6 +141,7 @@ $button-md-small-icon-font-size:           1.4em !default;
 .button-full {
   margin-right: 0;
   margin-left: 0;
+
   border-right-width: 0;
   border-left-width: 0;
   border-radius: 0;
@@ -247,6 +254,7 @@ $button-md-small-icon-font-size:           1.4em !default;
 
 .button-round {
   padding: $button-round-padding;
+
   border-radius: $button-round-border-radius;
 }
 
@@ -281,12 +289,14 @@ ion-button-effect {
   position: absolute;
   z-index: 0;
   display: block;
+
   border-radius: 50%;
 
   background-color: $ripple-background-color;
   opacity: .2;
 
   transition-timing-function: ease-in-out;
+
   pointer-events: none;
 }
 

ionic/components/button/button.scss

@@ -26,15 +26,18 @@ $button-round-border-radius:      64px !default;
   vertical-align: -webkit-baseline-middle; // the best for those that support it
 
   transition: background-color, opacity 100ms linear;
+
   font-kerning: none;
 }
 
 .button-inner {
   display: flex;
+
   flex-flow: row nowrap;
   flex-shrink: 0;
   align-items: center;
   justify-content: center;
+
   width: 100%;
   height: 100%;
 }
@@ -47,6 +50,7 @@ a[button] {
 .button[disabled] {
   cursor: default;
   opacity: .4;
+
   pointer-events: none;
 }
 
@@ -57,6 +61,7 @@ a[button] {
 .button-block {
   display: block;
   clear: both;
+
   width: 100%;
 
   &::after {
@@ -70,6 +75,7 @@ a[button] {
 
 .button-full {
   display: block;
+
   width: 100%;
 
   // Full Outline Button
@@ -87,5 +93,6 @@ a[button] {
 
 .button-round {
   padding: $button-round-padding;
+
   border-radius: $button-round-border-radius;
 }

ionic/components/button/button.wp.scss

@@ -51,7 +51,9 @@ $button-wp-fab-border-radius:                         50% !default;
 .button {
   margin: $button-wp-margin;
   padding: $button-wp-padding;
+
   height: $button-wp-height;
+
   border: $button-wp-border-width solid $button-wp-border-color;
   border-radius: $button-wp-border-radius;
 
@@ -102,13 +104,17 @@ $button-wp-fab-border-radius:                         50% !default;
 
 .button-large {
   padding: $button-wp-large-padding;
+
   height: $button-wp-large-height;
+
   font-size: $button-wp-large-font-size;
 }
 
 .button-small {
   padding: $button-wp-small-padding;
+
   height: $button-wp-small-height;
+
   font-size: $button-wp-small-font-size;
 
   &.button-icon-only ion-icon {
@@ -130,6 +136,7 @@ $button-wp-fab-border-radius:                         50% !default;
 .button-full {
   margin-right: 0;
   margin-left: 0;
+
   border-right-width: 0;
   border-left-width: 0;
   border-radius: 0;
@@ -220,6 +227,7 @@ $button-wp-fab-border-radius:                         50% !default;
 
 .button-round {
   padding: $button-round-padding;
+
   border-radius: $button-round-border-radius;
 }