diff options
Diffstat (limited to 'src/objects/_field-label.scss')
-rw-r--r-- | src/objects/_field-label.scss | 89 |
1 files changed, 0 insertions, 89 deletions
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss deleted file mode 100644 index 2127a09..0000000 --- a/src/objects/_field-label.scss +++ /dev/null | |||
@@ -1,89 +0,0 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | ||
2 | @use '../functions' as fn; | ||
3 | |||
4 | @include iro.props-namespace('field-label') { | ||
5 | @include iro.props-store(( | ||
6 | --dims: ( | ||
7 | --spacing-x: fn.global-dim(--size --150), | ||
8 | --spacing-y: fn.global-dim(--size --85), | ||
9 | --label-font-size: fn.global-dim(--font-size --75), | ||
10 | --hint-font-size: fn.global-dim(--font-size --75), | ||
11 | ), | ||
12 | ), 'dims'); | ||
13 | |||
14 | @include iro.props-store(( | ||
15 | --colors: ( | ||
16 | --label: fn.global-color(--fg-hi), | ||
17 | --hint: fn.global-color(--fg-hi), | ||
18 | --error-hint: fn.global-color(--accent --error --quiet --fg), | ||
19 | --disabled: fn.global-color(--fg-hi3), | ||
20 | ), | ||
21 | ), 'colors'); | ||
22 | |||
23 | @include iro.bem-object(iro.props-namespace()) { | ||
24 | display: block; | ||
25 | |||
26 | @include iro.bem-elem('label') { | ||
27 | display: block; | ||
28 | flex: 0 0 auto; | ||
29 | padding-right: fn.dim(--spacing-x); | ||
30 | color: fn.color(--label); | ||
31 | font-size: fn.dim(--label-font-size); | ||
32 | font-weight: 400; | ||
33 | line-height: 1.3; | ||
34 | |||
35 | @include iro.bem-next-elem('content') { | ||
36 | margin-top: fn.dim(--spacing-y); | ||
37 | } | ||
38 | } | ||
39 | |||
40 | @include iro.bem-elem('content') { | ||
41 | display: block; | ||
42 | width: 100%; | ||
43 | } | ||
44 | |||
45 | @include iro.bem-elem('hint') { | ||
46 | display: block; | ||
47 | margin-top: fn.dim(--spacing-y); | ||
48 | color: fn.color(--hint); | ||
49 | font-size: fn.dim(--hint-font-size); | ||
50 | } | ||
51 | |||
52 | @include iro.bem-is('invalid') { | ||
53 | @include iro.bem-elem('hint') { | ||
54 | color: fn.color(--error-hint); | ||
55 | } | ||
56 | } | ||
57 | |||
58 | @include iro.bem-is('disabled') { | ||
59 | @include iro.bem-elem('label', 'hint') { | ||
60 | color: fn.color(--disabled); | ||
61 | } | ||
62 | } | ||
63 | |||
64 | @include iro.bem-modifier('left', 'right') { | ||
65 | display: flex; | ||
66 | align-items: baseline; | ||
67 | |||
68 | @include iro.bem-elem('label') { | ||
69 | display: inline-block; | ||
70 | |||
71 | @include iro.bem-next-elem('content') { | ||
72 | margin-top: 0; | ||
73 | } | ||
74 | } | ||
75 | } | ||
76 | |||
77 | @include iro.bem-modifier('left') { | ||
78 | @include iro.bem-elem('label') { | ||
79 | text-align: left; | ||
80 | } | ||
81 | } | ||
82 | |||
83 | @include iro.bem-modifier('right') { | ||
84 | @include iro.bem-elem('label') { | ||
85 | text-align: right; | ||
86 | } | ||
87 | } | ||
88 | } | ||
89 | } | ||