summaryrefslogtreecommitdiffstats
path: root/src/objects/_text-field.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-06 17:26:16 +0100
committerVolpeon <git@volpeon.ink>2022-02-06 17:26:16 +0100
commitee3fd3a86c236441e161991a56009bb6ddae4458 (patch)
tree8fd9c712528a6896f78f0c2d8f591ee1b8c5528e /src/objects/_text-field.scss
parentImproved variable structure (diff)
downloadiro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.gz
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.bz2
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.zip
Separate function for global props
Diffstat (limited to 'src/objects/_text-field.scss')
-rw-r--r--src/objects/_text-field.scss34
1 files changed, 17 insertions, 17 deletions
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index aef79d7..ed96c7a 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -36,53 +36,53 @@
36 --dims: ( 36 --dims: (
37 --padding-x: .6rem, 37 --padding-x: .6rem,
38 --padding-y: .5rem, 38 --padding-y: .5rem,
39 --border-width: fn.dim(--border-width --thin, $global: true), 39 --border-width: fn.global-dim(--border-width --thin),
40 --border-radius: 2px, 40 --border-radius: 2px,
41 41
42 --focus: ( 42 --focus: (
43 --border-width: fn.dim(--border-width --medium, $global: true), 43 --border-width: fn.global-dim(--border-width --medium),
44 ) 44 )
45 ), 45 ),
46 ), 'dims'); 46 ), 'dims');
47 47
48 @include iro.props-store(( 48 @include iro.props-store((
49 --colors: ( 49 --colors: (
50 --bg: fn.color(--bg-hi2, $global: true), 50 --bg: fn.global-color(--bg-hi2),
51 --placeholder: fn.color(--fg-hi2, $global: true), 51 --placeholder: fn.global-color(--fg-hi2),
52 --text: fn.color(--fg, $global: true), 52 --text: fn.global-color(--fg),
53 --border: fn.color(--obj-lo, $global: true), 53 --border: fn.global-color(--obj-lo),
54 --shadow: 0 0 0 0 transparent, 54 --shadow: 0 0 0 0 transparent,
55 55
56 --hover: ( 56 --hover: (
57 --border: fn.color(--fg-hi2, $global: true), 57 --border: fn.global-color(--fg-hi2),
58 --shadow: 0 0 0 0 transparent, 58 --shadow: 0 0 0 0 transparent,
59 ), 59 ),
60 --focus: ( 60 --focus: (
61 --border: fn.color(--accent --primary, $global: true), 61 --border: fn.global-color(--accent --primary),
62 --shadow: 0 0 0 0 transparent, 62 --shadow: 0 0 0 0 transparent,
63 ), 63 ),
64 --key-focus: ( 64 --key-focus: (
65 --border: fn.color(--focus --fill, $global: true), 65 --border: fn.global-color(--focus --fill),
66 --shadow: fn.color(--focus --shadow, $global: true), 66 --shadow: fn.global-color(--focus --shadow),
67 ), 67 ),
68 --error: ( 68 --error: (
69 --border: fn.color(--accent --error-hi, $global: true), 69 --border: fn.global-color(--accent --error-hi),
70 --shadow: 0 0 0 0 transparent, 70 --shadow: 0 0 0 0 transparent,
71 71
72 --hover: ( 72 --hover: (
73 --border: fn.color(--accent --error, $global: true), 73 --border: fn.global-color(--accent --error),
74 --shadow: 0 0 0 0 transparent, 74 --shadow: 0 0 0 0 transparent,
75 ), 75 ),
76 --focus: ( 76 --focus: (
77 --border: fn.color(--accent --error, $global: true), 77 --border: fn.global-color(--accent --error),
78 --shadow: 0 0 0 0 transparent, 78 --shadow: 0 0 0 0 transparent,
79 ), 79 ),
80 ), 80 ),
81 --disabled: ( 81 --disabled: (
82 --bg: fn.color(--obj-hi, $global: true), 82 --bg: fn.global-color(--obj-hi),
83 --placeholder: fn.color(--fg-hi3, $global: true), 83 --placeholder: fn.global-color(--fg-hi3),
84 --text: fn.color(--fg-hi3, $global: true), 84 --text: fn.global-color(--fg-hi3),
85 --border: fn.color(--obj-hi, $global: true), 85 --border: fn.global-color(--obj-hi),
86 --shadow: 0 0 0 0 transparent, 86 --shadow: 0 0 0 0 transparent,
87 ), 87 ),
88 ), 88 ),