diff --git a/packages/mdc-textfield/_mixins.scss b/packages/mdc-textfield/_mixins.scss index c90a008edcc..fefa3121db5 100644 --- a/packages/mdc-textfield/_mixins.scss +++ b/packages/mdc-textfield/_mixins.scss @@ -698,6 +698,11 @@ } @mixin mdc-text-field-with-both-icons_ { + @include mdc-text-field-icon-horizontal-position-two-icons_( + $mdc-text-field-icon-position, + $mdc-text-field-trailing-icon-position + ); + .mdc-text-field__input { padding-right: $mdc-text-field-icon-padding; padding-left: $mdc-text-field-icon-padding; @@ -705,6 +710,11 @@ } @mixin mdc-text-field-dense-with-both-icons_ { + @include mdc-text-field-icon-horizontal-position-two-icons_( + $mdc-text-field-dense-icon-position, + $mdc-text-field-dense-icon-position + ); + .mdc-text-field__input { padding-right: $mdc-text-field-dense-icon-padding; padding-left: $mdc-text-field-dense-icon-padding; diff --git a/packages/mdc-textfield/icon/_mixins.scss b/packages/mdc-textfield/icon/_mixins.scss index 1c052341556..52fd6128553 100644 --- a/packages/mdc-textfield/icon/_mixins.scss +++ b/packages/mdc-textfield/icon/_mixins.scss @@ -71,6 +71,11 @@ } } +@mixin mdc-text-field-icon-horizontal-position-two-icons_($position-left, $position-right) { + @include mdc-text-field-leading-icon-horizontal-position_($position-left); + @include mdc-text-field-trailing-icon-horizontal-position_($position-right); +} + @mixin mdc-text-field-icon_ { position: absolute; top: 50%;