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.scss34
1 files changed, 17 insertions, 17 deletions
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss
index 8c275ee..9f87a20 100644
--- a/src/objects/_field-label.scss
+++ b/src/objects/_field-label.scss
@@ -1,5 +1,5 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'iro-sass/src/iro-sass' as iro; 2@use 'iro-sass/src/bem' as bem;
3@use 'iro-sass/src/props'; 3@use 'iro-sass/src/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
@@ -9,10 +9,10 @@
9@mixin styles { 9@mixin styles {
10 @include materialize-at-root(meta.module-variables('vars')); 10 @include materialize-at-root(meta.module-variables('vars'));
11 11
12 @include iro.bem-object('field-label') { 12 @include bem.object('field-label') {
13 display: block; 13 display: block;
14 14
15 @include iro.bem-elem('label') { 15 @include bem.elem('label') {
16 display: block; 16 display: block;
17 flex: 0 0 auto; 17 flex: 0 0 auto;
18 padding-inline-end: props.get(vars.$spacing-i); 18 padding-inline-end: props.get(vars.$spacing-i);
@@ -21,56 +21,56 @@
21 line-height: 1.3; 21 line-height: 1.3;
22 color: props.get(vars.$label-color); 22 color: props.get(vars.$label-color);
23 23
24 @include iro.bem-next-elem('content') { 24 @include bem.next-elem('content') {
25 margin-block-start: props.get(vars.$spacing-b); 25 margin-block-start: props.get(vars.$spacing-b);
26 } 26 }
27 } 27 }
28 28
29 @include iro.bem-elem('content') { 29 @include bem.elem('content') {
30 display: block; 30 display: block;
31 flex: 1 1 auto; 31 flex: 1 1 auto;
32 } 32 }
33 33
34 @include iro.bem-elem('hint') { 34 @include bem.elem('hint') {
35 display: block; 35 display: block;
36 margin-block-start: props.get(vars.$spacing-b); 36 margin-block-start: props.get(vars.$spacing-b);
37 font-size: props.get(vars.$hint-font-size); 37 font-size: props.get(vars.$hint-font-size);
38 color: props.get(vars.$hint-color); 38 color: props.get(vars.$hint-color);
39 } 39 }
40 40
41 @include iro.bem-is('invalid') { 41 @include bem.is('invalid') {
42 @include iro.bem-elem('hint') { 42 @include bem.elem('hint') {
43 color: props.get(vars.$error-hint-color); 43 color: props.get(vars.$error-hint-color);
44 } 44 }
45 } 45 }
46 46
47 @include iro.bem-is('disabled') { 47 @include bem.is('disabled') {
48 @include iro.bem-elem('label', 'hint') { 48 @include bem.elem('label', 'hint') {
49 color: props.get(vars.$disabled-color); 49 color: props.get(vars.$disabled-color);
50 } 50 }
51 } 51 }
52 52
53 @include iro.bem-modifier('align-start', 'align-end') { 53 @include bem.modifier('align-start', 'align-end') {
54 display: flex; 54 display: flex;
55 align-items: baseline; 55 align-items: baseline;
56 56
57 @include iro.bem-elem('label') { 57 @include bem.elem('label') {
58 display: inline-block; 58 display: inline-block;
59 59
60 @include iro.bem-next-elem('content') { 60 @include bem.next-elem('content') {
61 margin-block-start: 0; 61 margin-block-start: 0;
62 } 62 }
63 } 63 }
64 } 64 }
65 65
66 @include iro.bem-modifier('align-start') { 66 @include bem.modifier('align-start') {
67 @include iro.bem-elem('label') { 67 @include bem.elem('label') {
68 text-align: start; 68 text-align: start;
69 } 69 }
70 } 70 }
71 71
72 @include iro.bem-modifier('align-end') { 72 @include bem.modifier('align-end') {
73 @include iro.bem-elem('label') { 73 @include bem.elem('label') {
74 text-align: end; 74 text-align: end;
75 } 75 }
76 } 76 }