1 | @import "../../themes/ionic.globals";
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 | .item {
|
18 | contain: content;
|
19 | }
|
20 |
|
21 | .item-block {
|
22 | @include margin(0);
|
23 | @include padding(0);
|
24 | @include text-align(initial);
|
25 |
|
26 | display: flex;
|
27 | overflow: hidden;
|
28 |
|
29 | align-items: center;
|
30 | justify-content: space-between;
|
31 |
|
32 | width: 100%;
|
33 | min-height: 4.4rem;
|
34 |
|
35 | border: 0;
|
36 |
|
37 | font-weight: normal;
|
38 | line-height: normal;
|
39 | text-decoration: none;
|
40 | color: inherit;
|
41 | }
|
42 |
|
43 | .item-inner {
|
44 | @include margin(0);
|
45 | @include padding(0);
|
46 |
|
47 | display: flex;
|
48 | overflow: hidden;
|
49 |
|
50 | flex: 1;
|
51 | flex-direction: inherit;
|
52 | align-items: inherit;
|
53 | align-self: stretch;
|
54 |
|
55 | min-height: inherit;
|
56 |
|
57 | border: 0;
|
58 | }
|
59 |
|
60 | .input-wrapper {
|
61 | display: flex;
|
62 | overflow: hidden;
|
63 |
|
64 | flex: 1;
|
65 | flex-direction: inherit;
|
66 | align-items: inherit;
|
67 | align-self: stretch;
|
68 |
|
69 | text-overflow: ellipsis;
|
70 | }
|
71 |
|
72 | .item[no-lines],
|
73 | .item.item[no-lines] .item-inner {
|
74 | border: 0;
|
75 | }
|
76 |
|
77 | ion-item-group {
|
78 | display: block;
|
79 | }
|
80 |
|
81 | ion-item-divider {
|
82 | @include margin(0);
|
83 | @include padding(0);
|
84 |
|
85 | z-index: $z-index-item-divider;
|
86 | display: flex;
|
87 | overflow: hidden;
|
88 |
|
89 | align-items: center;
|
90 | justify-content: space-between;
|
91 |
|
92 | width: 100%;
|
93 |
|
94 | min-height: 30px;
|
95 | }
|
96 |
|
97 | ion-item-divider[sticky] {
|
98 | position: sticky;
|
99 | top: 0;
|
100 | }
|
101 |
|
102 | [vertical-align-top],
|
103 | ion-input.item {
|
104 | align-items: flex-start;
|
105 | }
|
106 |
|