/
label.scss
71 lines (51 loc) · 1.05 KB
/
label.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
@import "../../globals.core";
// Label
// --------------------------------------------------
ion-label {
display: block;
overflow: hidden;
flex: 1;
margin: 0;
font-size: inherit;
text-overflow: ellipsis;
white-space: nowrap;
}
.item-input ion-label {
flex: initial;
max-width: 200px;
pointer-events: none;
}
[text-wrap] ion-label {
white-space: normal;
}
// Stacked & Floating Inputs
// --------------------------------------------------
ion-label[fixed] {
flex: 0 0 100px;
width: 100px;
min-width: 100px;
max-width: 200px;
}
.item-label-stacked > ion-label,
.item-label-floating > ion-label {
align-self: stretch;
width: auto;
max-width: 100%;
}
ion-label[stacked],
ion-label[floating] {
margin-bottom: 0;
}
.item-label-stacked .input-wrapper,
.item-label-floating .input-wrapper {
flex: 1;
flex-direction: column;
}
.item-label-stacked ion-select,
.item-label-floating ion-select {
align-self: stretch;
max-width: 100%;
}
.item-select ion-label[floating] {
transform: translate3d(0, 0, 0) scale(.8);
}