diff --git a/src/material/button/_icon-button-theme.scss b/src/material/button/_icon-button-theme.scss index 61b3466c8d2f..fd2b3c3a01d0 100644 --- a/src/material/button/_icon-button-theme.scss +++ b/src/material/button/_icon-button-theme.scss @@ -83,12 +83,10 @@ ); $calculated-size: map.get($size-map, $density-scale); - @include sass-utils.current-selector-or-root() { - @include token-utils.values( - m2-icon-button.get-density-tokens( - $theme, $exclude: (icon-button-state-layer-size)) - ); - } + @include token-utils.values( + m2-icon-button.get-density-tokens( + $theme, $exclude: (icon-button-state-layer-size)) + ); // Use `mat-mdc-button-base` to increase the specificity over the button's structural styles. .mat-mdc-icon-button.mat-mdc-button-base { diff --git a/src/material/progress-bar/_progress-bar-theme.scss b/src/material/progress-bar/_progress-bar-theme.scss index a9b0346aa17b..a50b484580f8 100644 --- a/src/material/progress-bar/_progress-bar-theme.scss +++ b/src/material/progress-bar/_progress-bar-theme.scss @@ -15,15 +15,14 @@ } @mixin color($theme, $color-variant: null) { - $tokens: m2-progress-bar.get-color-tokens($theme, primary); @if inspection.get-theme-version($theme) == 1 { - $tokens: map.get(m3-progress-bar.get-tokens($theme, $color-variant), color); - } - - @include token-utils.values($tokens); - - @if inspection.get-theme-version($theme) != 1 { + @include token-utils.values( + map.get(m3-progress-bar.get-tokens($theme, $color-variant), color)); + } @else { .mat-mdc-progress-bar { + $tokens: m2-progress-bar.get-color-tokens($theme, primary); + @include token-utils.values($tokens); + &.mat-accent { $tokens: m2-progress-bar.get-color-tokens($theme, secondary); @include token-utils.values($tokens); diff --git a/src/material/slide-toggle/_slide-toggle-theme.scss b/src/material/slide-toggle/_slide-toggle-theme.scss index 04b2e8d6f2a8..8046e91e7399 100644 --- a/src/material/slide-toggle/_slide-toggle-theme.scss +++ b/src/material/slide-toggle/_slide-toggle-theme.scss @@ -67,12 +67,20 @@ /// Outputs typography theme styles for the mat-slide-toggle. /// @param {Map} $theme The theme to generate typography styles for. @mixin typography($theme) { - $tokens: m2-slide-toggle.get-typography-tokens($theme); @if inspection.get-theme-version($theme) == 1 { - $tokens: map.get(m3-slide-toggle.get-tokens($theme), typography); - } + @include token-utils.values( + map.get(m3-slide-toggle.get-tokens($theme), typography)); + } @else { + @include sass-utils.current-selector-or-root() { + // TODO: See if this can be removed + @include token-utils.values(m2-slide-toggle.get-typography-tokens($theme)); - @include token-utils.values($tokens); + .mat-mdc-slide-toggle { + @include token-utils.values( + m2-slide-toggle.get-typography-tokens($theme)); + } + } + } } /// Outputs density theme styles for the mat-slide-toggle.