Merge pull request #88 from material-components/sgomes-stylelint-fixes

style(scss): Preemptively fixing styling issues for updated stylelint.

Author: sgomes

packages/mdc-button/mdc-button.scss

@@ -25,6 +25,7 @@
 .mdc-button {
   @include mdc-typography(body2);
   @include mdc-theme-prop(color, text-primary-on-light);
+
   display: inline-block;
   position: relative;
   min-width: 64px;
@@ -185,6 +186,7 @@
   fieldset:disabled &--raised,
   &--raised:disabled {
     @include mdc-elevation(0);
+
     background-color: rgba(0, 0, 0, .12);
     pointer-events: none;
 

packages/mdc-card/mdc-card.scss

@@ -79,6 +79,7 @@
     .mdc-card__action {
       margin: 0 8px 0 0;
     }
+
     .mdc-card__action:last-child {
       margin-right: 0;
     }
@@ -91,6 +92,7 @@
       .mdc-card__action {
         margin: 0 0 4px;
       }
+
       .mdc-card__action:last-child {
         margin-bottom: 0;
       }

packages/mdc-checkbox/_keyframes.scss

@@ -100,6 +100,7 @@
 @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
   from {
     @include mdc-animation-fast-out-linear-in;
+
     opacity: 1;
     stroke-dashoffset: 0;
   }

packages/mdc-checkbox/mdc-checkbox.scss

@@ -43,6 +43,7 @@
   border-radius: 2px;
 
   @include mdc-checkbox-cover-element;
+
   box-sizing: border-box;
   pointer-events: none;
 }
@@ -67,7 +68,6 @@
     transition:
       mdc-checkbox-transition-exit(background-color),
       mdc-checkbox-transition-exit(border-color);
-
     border: $mdc-checkbox-border-width solid $mdc-checkbox-border-color;
     background-color: transparent;
     will-change: background-color, border-color;

packages/mdc-elevation/_mixins.scss

@@ -63,7 +63,6 @@
 @mixin mdc-elevation-transition(
   $duration: $mdc-elevation-transition-duration,
   $easing: $mdc-elevation-transition-timing-function) {
-
   transition: mdc-elevation-transition-rule($duration, $easing);
   will-change: $mdc-elevation-property;
 }

packages/mdc-icon-toggle/mdc-icon-toggle.scss

@@ -22,6 +22,7 @@
 
 .mdc-icon-toggle {
   @include mdc-theme-prop(color, text-secondary-on-light);
+
   display: flex;
   position: relative;
   box-sizing: border-box;
@@ -41,7 +42,6 @@
     right: 0;
     bottom: 0;
     left: 0;
-
     transform: scale(0, 0);
     transition: mdc-animation-exit(opacity, 80ms), mdc-animation-exit(transform, 80ms);
     border-radius: 50%;
@@ -83,6 +83,7 @@
 
 .mdc-icon-toggle--disabled {
   @include mdc-theme-prop(color, text-disabled-on-light);
+
   pointer-events: none;
 
   @include mdc-theme-dark(".mdc-icon-toggle", true) {

packages/mdc-list/mdc-list.scss

@@ -127,6 +127,7 @@
 
     &__start-detail {
       @include mdc-list-start-detail-size_(40px);
+
       border-radius: 50%;
     }
   }
@@ -168,6 +169,7 @@
   $mdc-list-divider-inset-amt: /* text offset */ 72px - /* padding offset */ 16px;
 
   @include mdc-rtl-reflexive-box(margin, left, $mdc-list-divider-inset-amt, ".mdc-list-group");
+
   width: calc(100% - #{$mdc-list-divider-inset-amt});
 }
 

packages/mdc-ripple/_mixins.scss

@@ -40,6 +40,7 @@
   --mdc-ripple-fg-unbounded-opacity-duration: 0ms;
   --mdc-ripple-fg-unbounded-transform-duration: 0ms;
   --mdc-ripple-fg-approx-xf: 0;
+
   will-change: transition, opacity;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -99,6 +100,7 @@
   @if ($pseudo) {
     &#{$pseudo} {
       @include mdc-ripple-bg-base_($config);
+
       content: "";
     }
   } @else {
@@ -153,6 +155,7 @@
   @if ($pseudo) {
     &#{$pseudo} {
       @include mdc-ripple-fg-base_($config);
+
       content: "";
     }
   } @else {

packages/mdc-select/mdc-select.scss

@@ -33,6 +33,7 @@
 
   // Resets for <select> element
   appearance: none;
+
   &::-ms-expand {
     display: none;
   }
@@ -44,7 +45,6 @@
   transition:
     mdc-animation-exit(border-bottom-color, 150ms),
     mdc-animation-exit(background-color, 150ms);
-
   border: none;
   border-bottom: 1px solid rgba(black, .12);
   border-radius: 0;
@@ -60,6 +60,7 @@
 
   &:focus {
     @include mdc-theme-prop(border-bottom-color, primary);
+
     outline: none;
     background-color: rgba(black, .06);
   }
@@ -71,10 +72,12 @@
   @include mdc-theme-dark {
     @include mdc-theme-prop(color, text-primary-on-dark);
     @include mdc-select-dd-arrow-svg-bg_(ffffff);
+
     border-bottom: 1px solid rgba(white, .12);
 
     &:focus {
       @include mdc-theme-prop(border-bottom-color, primary);
+
       background-color: rgba(white, .09);
     }
   }
@@ -109,6 +112,7 @@
 .mdc-select[disabled] {
   @include mdc-theme-prop(color, text-disabled-on-light);
   @include mdc-select-dd-arrow-svg-bg_(000000, .38);
+
   border-bottom-style: dotted;
   cursor: default;
   pointer-events: none;
@@ -118,6 +122,7 @@
   @include mdc-theme-dark(".mdc-select", true) {
     @include mdc-theme-prop(color, text-disabled-on-dark);
     @include mdc-select-dd-arrow-svg-bg_(ffffff, .38);
+
     border-bottom: 1px dotted rgba(white, .38);
   }
 }
@@ -149,6 +154,7 @@
 
   .mdc-list-group {
     @include mdc-theme-prop(color, text-hint-on-light);
+
     font-weight: normal;
 
     .mdc-list-item {

packages/mdc-snackbar/mdc-snackbar.scss

@@ -78,6 +78,7 @@
   &__text {
     @include mdc-typography(body1);
     @include mdc-rtl-reflexive-box(margin, right, auto, ".mdc-snackbar");
+
     display: flex;
     align-items: center;
     height: 48px;
@@ -103,13 +104,13 @@
     min-width: auto;
     height: inherit;
     transition: mdc-animation-exit(opacity, .3s);
-
     opacity: 0;
     visibility: hidden;
 
     &::-moz-focus-inner {
       border: 0;
     }
+
     &:not([aria-hidden]) {
       visibility: inherit;
     }