summaryrefslogtreecommitdiffstats
path: root/src/objects/_text-field.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-10-14 08:07:45 +0200
committerVolpeon <git@volpeon.ink>2023-10-14 08:07:45 +0200
commitdaa3013be474a2e158936b06ea152c543679b661 (patch)
tree51c09a9c5da68ee62541a36cae134be47bd0a9be /src/objects/_text-field.scss
parentFix container (diff)
downloadiro-design-daa3013be474a2e158936b06ea152c543679b661.tar.gz
iro-design-daa3013be474a2e158936b06ea152c543679b661.tar.bz2
iro-design-daa3013be474a2e158936b06ea152c543679b661.zip
Update
Diffstat (limited to 'src/objects/_text-field.scss')
-rw-r--r--src/objects/_text-field.scss22
1 files changed, 11 insertions, 11 deletions
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index baed043..4f1fd1b 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -32,14 +32,14 @@
32@include iro.props-namespace('text-field') { 32@include iro.props-namespace('text-field') {
33 @include iro.props-store(( 33 @include iro.props-store((
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: fn.global-dim(--border --thin), 37 --border: fn.global-dim(--border --thin),
38 --border-radius: 2px, 38 --rounding: 2px,
39 39
40 --extended: ( 40 --extended: (
41 --pad: fn.global-dim(--size --50), 41 --pad: fn.global-dim(--size --50),
42 --border-radius: 6px, 42 --rounding: 6px,
43 ), 43 ),
44 44
45 --focus: ( 45 --focus: (
@@ -97,7 +97,7 @@
97 97
98 position: relative; 98 position: relative;
99 min-width: 0; 99 min-width: 0;
100 border-radius: fn.dim(--border-radius); 100 border-radius: fn.dim(--rounding);
101 background-color: fn.color(--bg); 101 background-color: fn.color(--bg);
102 102
103 @include iro.bem-elem('bg') { 103 @include iro.bem-elem('bg') {
@@ -108,7 +108,7 @@
108 bottom: 0; 108 bottom: 0;
109 left: 0; 109 left: 0;
110 border: fn.dim(--border) 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(--rounding);
112 box-shadow: fn.color(--shadow); 112 box-shadow: fn.color(--shadow);
113 pointer-events: none; 113 pointer-events: none;
114 } 114 }
@@ -144,7 +144,7 @@
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) 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(--rounding) - $focus-border-offset);
148 box-shadow: fn.color(--focus --shadow); 148 box-shadow: fn.color(--focus --shadow);
149 } 149 }
150 } 150 }
@@ -158,13 +158,13 @@
158 padding: fn.dim(--extended --pad); 158 padding: fn.dim(--extended --pad);
159 159
160 @include iro.bem-multi('&', 'elem' 'bg') { 160 @include iro.bem-multi('&', 'elem' 'bg') {
161 border-radius: calc(fn.dim(--border-radius) + fn.dim(--extended --pad)); 161 border-radius: calc(fn.dim(--rounding) + fn.dim(--extended --pad));
162 } 162 }
163 163
164 @include iro.bem-elem('native') { 164 @include iro.bem-elem('native') {
165 &:focus { 165 &:focus {
166 @include iro.bem-sibling-elem('bg') { 166 @include iro.bem-sibling-elem('bg') {
167 border-radius: calc(fn.dim(--extended --border-radius) - $focus-border-offset); 167 border-radius: calc(fn.dim(--extended --rounding) - $focus-border-offset);
168 } 168 }
169 } 169 }
170 } 170 }