Text field update

2 files changed, 9 insertions, 13 deletions

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);