fix(theme): Move @alternate annotations for Closure Stylesheets (#2355)

`@alternate` annotations need to come before the _second_ property. Otherwise, Closure Compiler strips the first property (it does not output it at all).
material-components · Mar 7, 2018 · dc52201 · dc52201
1 parent 3c04419
commit dc52201
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/mdc-theme/_mixins.scss b/packages/mdc-theme/_mixins.scss
@@ -36,7 +36,6 @@
     $value: map-get($mdc-theme-property-values, $style);
 
     @if $important {
-      /* @alternate */
       #{$property}: $value !important;
 
       @if $edgeOptOut {
@@ -45,17 +44,18 @@
           @supports not (-ms-ime-align:auto) {
             // stylelint-disable scss/selector-no-redundant-nesting-selector
             & {
+              /* @alternate */
               #{$property}: var(--mdc-theme-#{$style}, $value) !important;
             }
             // stylelint-enable scss/selector-no-redundant-nesting-selector
           }
         }
         // stylelint-enable max-nesting-depth
       } @else {
+        /* @alternate */
         #{$property}: var(--mdc-theme-#{$style}, $value) !important;
       }
     } @else {
-      /* @alternate */
       #{$property}: $value;
 
       @if $edgeOptOut {
@@ -64,13 +64,15 @@
           @supports not (-ms-ime-align:auto) {
             // stylelint-disable scss/selector-no-redundant-nesting-selector
             & {
+              /* @alternate */
               #{$property}: var(--mdc-theme-#{$style}, $value);
             }
             // stylelint-enable scss/selector-no-redundant-nesting-selector
           }
         }
         // stylelint-enable max-nesting-depth
       } @else {
+        /* @alternate */
         #{$property}: var(--mdc-theme-#{$style}, $value);
       }
     }