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

Author: patrickrodee

package-lock.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",

package.json

@@ -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;
   }

packages/mdc-tab-indicator/_mixins.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;
 }