diff --git a/src/components/controls/TextInput/TextInput.scss b/src/components/controls/TextInput/TextInput.scss index 562a6d045a..52f00492e9 100644 --- a/src/components/controls/TextInput/TextInput.scss +++ b/src/components/controls/TextInput/TextInput.scss @@ -147,7 +147,7 @@ $block: '.#{variables.$ns}text-input'; &_size { &_s { #{$block}__control { - @include control-mixins.input-control(s); + @include control-mixins.input-control-min-height(s); } #{$block}__label { @@ -178,7 +178,7 @@ $block: '.#{variables.$ns}text-input'; &_m { #{$block}__control { - @include control-mixins.input-control(m); + @include control-mixins.input-control-min-height(m); } #{$block}__label { @@ -209,7 +209,7 @@ $block: '.#{variables.$ns}text-input'; &_l { #{$block}__control { - @include control-mixins.input-control(l); + @include control-mixins.input-control-min-height(l); } #{$block}__label { @@ -240,7 +240,7 @@ $block: '.#{variables.$ns}text-input'; &_xl { #{$block}__control { - @include control-mixins.input-control(xl); + @include control-mixins.input-control-min-height(xl); } #{$block}__label { diff --git a/src/components/controls/mixins.scss b/src/components/controls/mixins.scss index 37cb3f0115..6170048cc7 100644 --- a/src/components/controls/mixins.scss +++ b/src/components/controls/mixins.scss @@ -2,37 +2,6 @@ @use '../variables.scss'; @use './variables.scss' as control-variables; -@mixin input-control($size) { - --_--input-control-border-width: var( - --g-text-input-border-width, - var(--g-text-area-border-width, #{control-variables.$border-width}) - ); - @if $size == 's' { - @include mixins.text-body-short; - - height: calc(#{variables.$s-height} - var(--_--input-control-border-width) * 2); - padding: 3px 8px; - } - @if $size == 'm' { - @include mixins.text-body-short; - - height: calc(#{variables.$m-height} - var(--_--input-control-border-width) * 2); - padding: 5px 8px; - } - @if $size == 'l' { - @include mixins.text-body-short; - - height: calc(#{variables.$l-height} - var(--_--input-control-border-width) * 2); - padding: 9px 12px; - } - @if $size == 'xl' { - @include mixins.text-body-2; - - height: calc(#{variables.$xl-height} - var(--_--input-control-border-width) * 2); - padding: 11px 12px; - } -} - @mixin input-control-min-height($size) { --_--input-control-border-width: var( --g-text-input-border-width,