From b45574b83da655d9b5e48d5ef5ce7f2e147e3bbf Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 12 Feb 2022 12:13:52 +0100 Subject: Text field update --- src/layouts/_card.scss | 4 ++++ src/objects/_text-field.scss | 18 +++++------------- 2 files changed, 9 insertions(+), 13 deletions(-) (limited to 'src') diff --git a/src/layouts/_card.scss b/src/layouts/_card.scss index 75c16ff..19e097c 100644 --- a/src/layouts/_card.scss +++ b/src/layouts/_card.scss @@ -30,6 +30,10 @@ padding: 0; } + @include iro.bem-modifier('gapless') { + gap: 0; + } + @include iro.bem-elem('block') { flex: 0 0 auto; diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss index 1bd7ea1..b18b404 100644 --- a/src/objects/_text-field.scss +++ b/src/objects/_text-field.scss @@ -89,7 +89,6 @@ @include iro.bem-object(iro.props-namespace()) { position: relative; min-width: 0; - padding: fn.dim(--pad-y) fn.dim(--pad-x); background-color: fn.color(--bg); @include iro.bem-elem('bg') { @@ -106,9 +105,11 @@ } @include iro.bem-elem('native') { - width: 100%; - color: fn.color(--text); - resize: none; + box-sizing: border-box; + width: 100%; + padding: fn.dim(--pad-y) fn.dim(--pad-x); + color: fn.color(--text); + resize: none; &::placeholder { opacity: 1; @@ -167,15 +168,6 @@ } } - @include iro.bem-modifier('fill') { - padding: 0; - - @include iro.bem-elem('native') { - box-sizing: border-box; - padding: fn.dim(--pad-y) fn.dim(--pad-x); - } - } - @include iro.bem-is('disabled') { background-color: fn.color(--disabled --bg); box-shadow: fn.color(--disabled --shadow); -- cgit v1.2.3-70-g09d2