material_components_web-sass 0.21.1 → 0.22.0

data/vendor/assets/stylesheets/@material/theme/_mixins.scss

@@ -19,7 +19,9 @@
 // Applies the correct theme color style to the specified property.
 // $property is typically color or background-color, but can be any CSS property that accepts color values.
 // $style should be one of the map keys in $mdc-theme-property-values (_variables.scss), or a literal color value.
-@mixin mdc-theme-prop($property, $style, $important: false) {
+// $edgeOptOut controls whether to feature-detect around Edge to avoid emitting CSS variables for it,
+// intended for use in cases where interactions with pseudo-element styles cause problems due to Edge bugs.
+@mixin mdc-theme-prop($property, $style, $important: false, $edgeOptOut: false) {
   @if type-of($style) == "color" {
     @if $important {
       #{$property}: $style !important;
@@ -36,11 +38,41 @@
     @if $important {
       /* @alternate */
       #{$property}: $value !important;
-      #{$property}: var(--mdc-theme-#{$style}, $value) !important;
+
+      @if $edgeOptOut {
+        // stylelint-disable max-nesting-depth
+        @at-root {
+          @supports not (-ms-ime-align:auto) {
+            // stylelint-disable scss/selector-no-redundant-nesting-selector
+            & {
+              #{$property}: var(--mdc-theme-#{$style}, $value) !important;
+            }
+            // stylelint-enable scss/selector-no-redundant-nesting-selector
+          }
+        }
+        // stylelint-enable max-nesting-depth
+      } @else {
+        #{$property}: var(--mdc-theme-#{$style}, $value) !important;
+      }
     } @else {
       /* @alternate */
       #{$property}: $value;
-      #{$property}: var(--mdc-theme-#{$style}, $value);
+
+      @if $edgeOptOut {
+        // stylelint-disable max-nesting-depth
+        @at-root {
+          @supports not (-ms-ime-align:auto) {
+            // stylelint-disable scss/selector-no-redundant-nesting-selector
+            & {
+              #{$property}: var(--mdc-theme-#{$style}, $value);
+            }
+            // stylelint-enable scss/selector-no-redundant-nesting-selector
+          }
+        }
+        // stylelint-enable max-nesting-depth
+      } @else {
+        #{$property}: var(--mdc-theme-#{$style}, $value);
+      }
     }
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_components_web-sass
 version: !ruby/object:Gem::Version
-  version: 0.21.1
+  version: 0.22.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-09-21 00:00:00.000000000 Z
+date: 2017-10-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails
@@ -176,6 +176,8 @@ files:
 - vendor/assets/stylesheets/@material/tabs/tab-bar-scroller/mdc-tab-bar-scroller.scss
 - vendor/assets/stylesheets/@material/tabs/tab-bar/mdc-tab-bar.scss
 - vendor/assets/stylesheets/@material/tabs/tab/mdc-tab.scss
+- vendor/assets/stylesheets/@material/textfield/_mixins.scss
+- vendor/assets/stylesheets/@material/textfield/_variables.scss
 - vendor/assets/stylesheets/@material/textfield/mdc-textfield.scss
 - vendor/assets/stylesheets/@material/theme/_color_palette.scss
 - vendor/assets/stylesheets/@material/theme/_constants.scss