summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-12 12:13:52 +0100
committerVolpeon <git@volpeon.ink>2022-02-12 12:13:52 +0100
commitb45574b83da655d9b5e48d5ef5ce7f2e147e3bbf (patch)
treef27cb293a2591da5a8045a6a062232f44334fe65 /src/objects
parentAdded dark color palette (diff)
downloadiro-design-b45574b83da655d9b5e48d5ef5ce7f2e147e3bbf.tar.gz
iro-design-b45574b83da655d9b5e48d5ef5ce7f2e147e3bbf.tar.bz2
iro-design-b45574b83da655d9b5e48d5ef5ce7f2e147e3bbf.zip
Text field update
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_text-field.scss18
1 files changed, 5 insertions, 13 deletions
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 @@
89 @include iro.bem-object(iro.props-namespace()) { 89 @include iro.bem-object(iro.props-namespace()) {
90 position: relative; 90 position: relative;
91 min-width: 0; 91 min-width: 0;
92 padding: fn.dim(--pad-y) fn.dim(--pad-x);
93 background-color: fn.color(--bg); 92 background-color: fn.color(--bg);
94 93
95 @include iro.bem-elem('bg') { 94 @include iro.bem-elem('bg') {
@@ -106,9 +105,11 @@
106 } 105 }
107 106
108 @include iro.bem-elem('native') { 107 @include iro.bem-elem('native') {
109 width: 100%; 108 box-sizing: border-box;
110 color: fn.color(--text); 109 width: 100%;
111 resize: none; 110 padding: fn.dim(--pad-y) fn.dim(--pad-x);
111 color: fn.color(--text);
112 resize: none;
112 113
113 &::placeholder { 114 &::placeholder {
114 opacity: 1; 115 opacity: 1;
@@ -167,15 +168,6 @@
167 } 168 }
168 } 169 }
169 170
170 @include iro.bem-modifier('fill') {
171 padding: 0;
172
173 @include iro.bem-elem('native') {
174 box-sizing: border-box;
175 padding: fn.dim(--pad-y) fn.dim(--pad-x);
176 }
177 }
178
179 @include iro.bem-is('disabled') { 171 @include iro.bem-is('disabled') {
180 background-color: fn.color(--disabled --bg); 172 background-color: fn.color(--disabled --bg);
181 box-shadow: fn.color(--disabled --shadow); 173 box-shadow: fn.color(--disabled --shadow);