summaryrefslogtreecommitdiffstats
path: root/src/objects/_text-field.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-03-28 20:25:21 +0200
committerVolpeon <git@volpeon.ink>2022-03-28 20:25:21 +0200
commit511a47c8964c43927563ee88b62b3f215bf9b7d1 (patch)
tree108bbc0139ede490a2038a2f6c96467f62666346 /src/objects/_text-field.scss
parentImproved bubble (diff)
downloadiro-design-511a47c8964c43927563ee88b62b3f215bf9b7d1.tar.gz
iro-design-511a47c8964c43927563ee88b62b3f215bf9b7d1.tar.bz2
iro-design-511a47c8964c43927563ee88b62b3f215bf9b7d1.zip
Update
Diffstat (limited to 'src/objects/_text-field.scss')
-rw-r--r--src/objects/_text-field.scss10
1 files changed, 5 insertions, 5 deletions
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index 1e18f0a..643e8d9 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -34,7 +34,7 @@
34 --dims: ( 34 --dims: (
35 --pad-x: fn.global-dim(--size --125), 35 --pad-x: fn.global-dim(--size --125),
36 --pad-y: fn.global-dim(--size --125), 36 --pad-y: fn.global-dim(--size --125),
37 --border-width: fn.global-dim(--border-width --thin), 37 --border: fn.global-dim(--border --thin),
38 --border-radius: 2px, 38 --border-radius: 2px,
39 39
40 --extended: ( 40 --extended: (
@@ -43,7 +43,7 @@
43 ), 43 ),
44 44
45 --focus: ( 45 --focus: (
46 --border-width: fn.global-dim(--border-width --medium), 46 --border: fn.global-dim(--border --medium),
47 ) 47 )
48 ), 48 ),
49 ), 'dims'); 49 ), 'dims');
@@ -93,7 +93,7 @@
93 93
94 @include iro.bem-object(iro.props-namespace()) { 94 @include iro.bem-object(iro.props-namespace()) {
95 $line-height: 1.4; 95 $line-height: 1.4;
96 $focus-border-offset: calc(fn.dim(--border-width) - fn.dim(--focus --border-width)); 96 $focus-border-offset: calc(fn.dim(--border) - fn.dim(--focus --border));
97 97
98 position: relative; 98 position: relative;
99 min-width: 0; 99 min-width: 0;
@@ -107,7 +107,7 @@
107 right: 0; 107 right: 0;
108 bottom: 0; 108 bottom: 0;
109 left: 0; 109 left: 0;
110 border: fn.dim(--border-width) solid fn.color(--border); 110 border: fn.dim(--border) solid fn.color(--border);
111 border-radius: fn.dim(--border-radius); 111 border-radius: fn.dim(--border-radius);
112 box-shadow: fn.color(--shadow); 112 box-shadow: fn.color(--shadow);
113 pointer-events: none; 113 pointer-events: none;
@@ -143,7 +143,7 @@
143 right: $focus-border-offset; 143 right: $focus-border-offset;
144 bottom: $focus-border-offset; 144 bottom: $focus-border-offset;
145 left: $focus-border-offset; 145 left: $focus-border-offset;
146 border: fn.dim(--focus --border-width) solid fn.color(--focus --border); 146 border: fn.dim(--focus --border) solid fn.color(--focus --border);
147 border-radius: calc(fn.dim(--border-radius) - $focus-border-offset); 147 border-radius: calc(fn.dim(--border-radius) - $focus-border-offset);
148 box-shadow: fn.color(--focus --shadow); 148 box-shadow: fn.color(--focus --shadow);
149 } 149 }