summaryrefslogtreecommitdiffstats
path: root/src/objects/_text-field.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2026-07-22 07:55:43 +0200
committerVolpeon <git@volpeon.ink>2026-07-22 07:55:43 +0200
commit5216739cf9b084f7388d687b84044f522d267cbf (patch)
tree8619118c495fbe8f8aaf6680d1f391990ccb5feb /src/objects/_text-field.scss
parentUse pkg: to import include-media (diff)
downloadiro-design-5216739cf9b084f7388d687b84044f522d267cbf.tar.gz
iro-design-5216739cf9b084f7388d687b84044f522d267cbf.tar.bz2
iro-design-5216739cf9b084f7388d687b84044f522d267cbf.zip
Use iro-sass via pkg:
Diffstat (limited to 'src/objects/_text-field.scss')
-rw-r--r--src/objects/_text-field.scss8
1 files changed, 4 insertions, 4 deletions
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index b89e148..5a48df3 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'iro-sass/src/bem'; 2@use 'pkg:iro-sass/src/bem';
3@use 'iro-sass/src/props'; 3@use 'pkg:iro-sass/src/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'text-field.vars'; 6@forward 'text-field.vars';
@@ -8,7 +8,7 @@
8 8
9@mixin -invalid { 9@mixin -invalid {
10 $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width)); 10 $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width));
11 11
12 @include bem.sibling-elem('bg') { 12 @include bem.sibling-elem('bg') {
13 inset-block: $focus-border-offset; 13 inset-block: $focus-border-offset;
14 inset-inline: $focus-border-offset; 14 inset-inline: $focus-border-offset;
@@ -42,7 +42,7 @@
42 42
43 @include bem.object('text-field') { 43 @include bem.object('text-field') {
44 $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width)); 44 $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width));
45 45
46 position: relative; 46 position: relative;
47 min-inline-size: 0; 47 min-inline-size: 0;
48 background-color: props.get(vars.$bg-color); 48 background-color: props.get(vars.$bg-color);