summaryrefslogtreecommitdiffstats
path: root/src/objects/_field-label.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_field-label.scss')
-rw-r--r--src/objects/_field-label.scss89
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}