fix(tab-indicator): Remove child selector (#4676)

material-components · May 3, 2019 · edbe0ba · edbe0ba
1 parent 252009f
commit edbe0ba
Show file tree

Hide file tree

Showing 5 changed files with 138 additions and 101 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -131,7 +131,7 @@
     "stylelint-config-standard": "^18.0.0",
     "stylelint-order": "^2.0.0",
     "stylelint-scss": "^3.0.0",
-    "stylelint-selector-bem-pattern": "^1.0.0",
+    "stylelint-selector-bem-pattern": "^2.1.0",
     "testdouble": "^3.2.4",
     "to-slug-case": "^1.0.0",
     "ts-loader": "^3.5.0",

diff --git a/packages/mdc-tab-indicator/_mixins.scss b/packages/mdc-tab-indicator/_mixins.scss
@@ -28,32 +28,32 @@
 }
 
 @mixin mdc-tab-indicator-underline-color($color) {
-  > .mdc-tab-indicator__content--underline {
+  .mdc-tab-indicator__content--underline {
     @include mdc-theme-prop(background-color, $color);
   }
 }
 
 @mixin mdc-tab-indicator-underline-height($height) {
-  > .mdc-tab-indicator__content--underline {
+  .mdc-tab-indicator__content--underline {
     height: $height;
   }
 }
 
 @mixin mdc-tab-indicator-underline-top-corner-radius($radius) {
-  > .mdc-tab-indicator__content--underline {
+  .mdc-tab-indicator__content--underline {
     border-top-left-radius: $radius;
     border-top-right-radius: $radius;
   }
 }
 
 @mixin mdc-tab-indicator-icon-color($color) {
-  > .mdc-tab-indicator__content--icon {
+  .mdc-tab-indicator__content--icon {
     @include mdc-theme-prop(color, $color);
   }
 }
 
 @mixin mdc-tab-indicator-icon-height($height) {
-  > .mdc-tab-indicator__content--icon {
+  .mdc-tab-indicator__content--icon {
     height: $height;
     font-size: $height;
   }

diff --git a/packages/mdc-tab-indicator/mdc-tab-indicator.scss b/packages/mdc-tab-indicator/mdc-tab-indicator.scss
@@ -57,26 +57,26 @@
   margin: 0 auto;
 }
 
-.mdc-tab-indicator--active > .mdc-tab-indicator__content {
+.mdc-tab-indicator--active .mdc-tab-indicator__content {
   opacity: 1;
 }
 
 // Slide by default
-.mdc-tab-indicator > .mdc-tab-indicator__content {
+.mdc-tab-indicator .mdc-tab-indicator__content {
   transition: 250ms transform $mdc-animation-standard-curve-timing-function;
 }
 
 // --no-transition is applied in cases where styles need to be applied immediately to set up a transition
-.mdc-tab-indicator--no-transition > .mdc-tab-indicator__content {
+.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
   transition: none;
 }
 
-.mdc-tab-indicator--fade > .mdc-tab-indicator__content {
+.mdc-tab-indicator--fade .mdc-tab-indicator__content {
   transition: 150ms opacity linear;
 }
 
 // postcss-bem-linter: ignore
-.mdc-tab-indicator--active.mdc-tab-indicator--fade > .mdc-tab-indicator__content {
+.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
   transition-delay: 100ms;
 }