diff --git a/src/material/radio/_radio-theme.scss b/src/material/radio/_radio-theme.scss index 53cac04002e4..68401e4f6978 100644 --- a/src/material/radio/_radio-theme.scss +++ b/src/material/radio/_radio-theme.scss @@ -2,6 +2,7 @@ @use '@material/radio/radio-theme' as mdc-radio-theme; @use '@material/form-field' as mdc-form-field; @use '../core/mdc-helpers/mdc-helpers'; +@use '../core/style/sass-utils'; @use '../core/theming/theming'; @use '../core/theming/inspection'; @use '../core/tokens/token-utils'; @@ -10,7 +11,7 @@ @use '../core/tokens/m2/mat/radio' as tokens-mat-radio; @mixin base($theme) { - .mat-mdc-radio-button { + @include sass-utils.current-selector-or-root() { @include mdc-radio-theme.theme(tokens-mdc-radio.get-unthemable-tokens()); @include token-utils.create-token-values( tokens-mat-radio.$prefix, tokens-mat-radio.get-unthemable-tokens()); @@ -19,7 +20,7 @@ @mixin color($theme) { @include mdc-helpers.using-mdc-theme($theme) { - .mat-mdc-radio-button { + @include sass-utils.current-selector-or-root() { @include mdc-form-field.core-styles($query: mdc-helpers.$mdc-theme-styles-query); } } @@ -46,7 +47,7 @@ } @mixin typography($theme) { - .mat-mdc-radio-button { + @include sass-utils.current-selector-or-root() { @include mdc-radio-theme.theme(tokens-mdc-radio.get-typography-tokens($theme)); @include mdc-helpers.using-mdc-typography($theme) { @include mdc-form-field.core-styles($query: mdc-helpers.$mdc-typography-styles-query); @@ -57,7 +58,7 @@ @mixin density($theme) { $density-scale: inspection.get-theme-density($theme); - .mat-mdc-radio-button .mdc-radio { + @include sass-utils.current-selector-or-root() { @include mdc-radio-theme.theme(tokens-mdc-radio.get-density-tokens($theme)); }