@eui/mobile-styles 18.1.2-snapshot-1756383732547 → 18.1.3-snapshot-1758105073490

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,175 +0,0 @@
1
- .ion-no-padding {
2
- --padding-start: 0;
3
- --padding-end: 0;
4
- --padding-top: 0;
5
- --padding-bottom: 0;
6
- padding-left: 0;
7
- padding-right: 0;
8
- padding-top: 0;
9
- padding-bottom: 0;
10
- }
11
-
12
- .ion-padding {
13
- --padding-start: var(--ion-padding, 16px);
14
- --padding-end: var(--ion-padding, 16px);
15
- --padding-top: var(--ion-padding, 16px);
16
- --padding-bottom: var(--ion-padding, 16px);
17
- padding-left: var(--ion-padding, 16px);
18
- padding-right: var(--ion-padding, 16px);
19
- padding-top: var(--ion-padding, 16px);
20
- padding-bottom: var(--ion-padding, 16px);
21
- }
22
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
23
- .ion-padding {
24
- padding-left: unset;
25
- padding-right: unset;
26
- -webkit-padding-start: var(--ion-padding, 16px);
27
- padding-inline-start: var(--ion-padding, 16px);
28
- -webkit-padding-end: var(--ion-padding, 16px);
29
- padding-inline-end: var(--ion-padding, 16px);
30
- }
31
- }
32
-
33
- .ion-padding-top {
34
- --padding-top: var(--ion-padding, 16px);
35
- padding-top: var(--ion-padding, 16px);
36
- }
37
- .ion-padding-start {
38
- --padding-start: var(--ion-padding, 16px);
39
- padding-left: var(--ion-padding, 16px);
40
- }
41
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
42
- .ion-padding-start {
43
- padding-left: unset;
44
- -webkit-padding-start: var(--ion-padding, 16px);
45
- padding-inline-start: var(--ion-padding, 16px);
46
- }
47
- }
48
-
49
- .ion-padding-end {
50
- --padding-end: var(--ion-padding, 16px);
51
- padding-right: var(--ion-padding, 16px);
52
- }
53
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
54
- .ion-padding-end {
55
- padding-right: unset;
56
- -webkit-padding-end: var(--ion-padding, 16px);
57
- padding-inline-end: var(--ion-padding, 16px);
58
- }
59
- }
60
-
61
- .ion-padding-bottom {
62
- --padding-bottom: var(--ion-padding, 16px);
63
- padding-bottom: var(--ion-padding, 16px);
64
- }
65
- .ion-padding-vertical {
66
- --padding-top: var(--ion-padding, 16px);
67
- --padding-bottom: var(--ion-padding, 16px);
68
- padding-top: var(--ion-padding, 16px);
69
- padding-bottom: var(--ion-padding, 16px);
70
- }
71
- .ion-padding-horizontal {
72
- --padding-start: var(--ion-padding, 16px);
73
- --padding-end: var(--ion-padding, 16px);
74
- padding-left: var(--ion-padding, 16px);
75
- padding-right: var(--ion-padding, 16px);
76
- }
77
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
78
- .ion-padding-horizontal {
79
- padding-left: unset;
80
- padding-right: unset;
81
- -webkit-padding-start: var(--ion-padding, 16px);
82
- padding-inline-start: var(--ion-padding, 16px);
83
- -webkit-padding-end: var(--ion-padding, 16px);
84
- padding-inline-end: var(--ion-padding, 16px);
85
- }
86
- }
87
-
88
- .ion-no-margin {
89
- --margin-start: 0;
90
- --margin-end: 0;
91
- --margin-top: 0;
92
- --margin-bottom: 0;
93
- margin-left: 0;
94
- margin-right: 0;
95
- margin-top: 0;
96
- margin-bottom: 0;
97
- }
98
-
99
- .ion-margin {
100
- --margin-start: var(--ion-margin, 16px);
101
- --margin-end: var(--ion-margin, 16px);
102
- --margin-top: var(--ion-margin, 16px);
103
- --margin-bottom: var(--ion-margin, 16px);
104
- margin-left: var(--ion-margin, 16px);
105
- margin-right: var(--ion-margin, 16px);
106
- margin-top: var(--ion-margin, 16px);
107
- margin-bottom: var(--ion-margin, 16px);
108
- }
109
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
110
- .ion-margin {
111
- margin-left: unset;
112
- margin-right: unset;
113
- -webkit-margin-start: var(--ion-margin, 16px);
114
- margin-inline-start: var(--ion-margin, 16px);
115
- -webkit-margin-end: var(--ion-margin, 16px);
116
- margin-inline-end: var(--ion-margin, 16px);
117
- }
118
- }
119
-
120
- .ion-margin-top {
121
- --margin-top: var(--ion-margin, 16px);
122
- margin-top: var(--ion-margin, 16px);
123
- }
124
- .ion-margin-start {
125
- --margin-start: var(--ion-margin, 16px);
126
- margin-left: var(--ion-margin, 16px);
127
- }
128
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
129
- .ion-margin-start {
130
- margin-left: unset;
131
- -webkit-margin-start: var(--ion-margin, 16px);
132
- margin-inline-start: var(--ion-margin, 16px);
133
- }
134
- }
135
-
136
- .ion-margin-end {
137
- --margin-end: var(--ion-margin, 16px);
138
- margin-right: var(--ion-margin, 16px);
139
- }
140
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
141
- .ion-margin-end {
142
- margin-right: unset;
143
- -webkit-margin-end: var(--ion-margin, 16px);
144
- margin-inline-end: var(--ion-margin, 16px);
145
- }
146
- }
147
-
148
- .ion-margin-bottom {
149
- --margin-bottom: var(--ion-margin, 16px);
150
- margin-bottom: var(--ion-margin, 16px);
151
- }
152
- .ion-margin-vertical {
153
- --margin-top: var(--ion-margin, 16px);
154
- --margin-bottom: var(--ion-margin, 16px);
155
- margin-top: var(--ion-margin, 16px);
156
- margin-bottom: var(--ion-margin, 16px);
157
- }
158
- .ion-margin-horizontal {
159
- --margin-start: var(--ion-margin, 16px);
160
- --margin-end: var(--ion-margin, 16px);
161
- margin-left: var(--ion-margin, 16px);
162
- margin-right: var(--ion-margin, 16px);
163
- }
164
- @supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
165
- .ion-margin-horizontal {
166
- margin-left: unset;
167
- margin-right: unset;
168
- -webkit-margin-start: var(--ion-margin, 16px);
169
- margin-inline-start: var(--ion-margin, 16px);
170
- -webkit-margin-end: var(--ion-margin, 16px);
171
- margin-inline-end: var(--ion-margin, 16px);
172
- }
173
- }
174
-
175
- /*# sourceMappingURL=padding.css.map */
@@ -1,69 +0,0 @@
1
- * {
2
- box-sizing: border-box;
3
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
4
- -webkit-tap-highlight-color: transparent;
5
- -webkit-touch-callout: none;
6
- }
7
-
8
- html {
9
- width: 100%;
10
- height: 100%;
11
- text-size-adjust: 100%;
12
- }
13
-
14
- html.ion-ce body {
15
- display: block;
16
- }
17
-
18
- html.plt-pwa {
19
- height: 100vh;
20
- }
21
-
22
- body {
23
- -moz-osx-font-smoothing: grayscale;
24
- -webkit-font-smoothing: antialiased;
25
- margin-left: 0;
26
- margin-right: 0;
27
- margin-top: 0;
28
- margin-bottom: 0;
29
- padding-left: 0;
30
- padding-right: 0;
31
- padding-top: 0;
32
- padding-bottom: 0;
33
- position: fixed;
34
- width: 100%;
35
- max-width: 100%;
36
- height: 100%;
37
- max-height: 100%;
38
- /**
39
- * Because body has position: fixed,
40
- * it should be promoted to its own
41
- * layer.
42
- *
43
- * WebKit does not always promote
44
- * the body to its own layer on page
45
- * load in Ionic apps. Once scrolling on
46
- * ion-content starts, WebKit will promote
47
- * body. Unfortunately, this causes a re-paint
48
- * which results in scrolling being halted
49
- * until the next user gesture.
50
- *
51
- * This impacts the Custom Elements build.
52
- * The lazy loaded build causes the browser to
53
- * re-paint during hydration which causes WebKit
54
- * to promote body to its own layer.
55
- * In the CE Build, this hydration does not
56
- * happen, so the additional re-paint does not occur.
57
- */
58
- transform: translateZ(0);
59
- text-rendering: optimizeLegibility;
60
- overflow: hidden;
61
- touch-action: manipulation;
62
- -webkit-user-drag: none;
63
- -ms-content-zooming: none;
64
- word-wrap: break-word;
65
- overscroll-behavior-y: none;
66
- text-size-adjust: none;
67
- }
68
-
69
- /*# sourceMappingURL=structure.css.map */
@@ -1,166 +0,0 @@
1
- .ion-text-center {
2
- text-align: center !important;
3
- }
4
-
5
- .ion-text-justify {
6
- text-align: justify !important;
7
- }
8
-
9
- .ion-text-start {
10
- text-align: start !important;
11
- }
12
-
13
- .ion-text-end {
14
- text-align: end !important;
15
- }
16
-
17
- .ion-text-left {
18
- text-align: left !important;
19
- }
20
-
21
- .ion-text-right {
22
- text-align: right !important;
23
- }
24
-
25
- .ion-text-nowrap {
26
- white-space: nowrap !important;
27
- }
28
-
29
- .ion-text-wrap {
30
- white-space: normal !important;
31
- }
32
-
33
- @media (min-width: 576px) {
34
- .ion-text-sm-center {
35
- text-align: center !important;
36
- }
37
-
38
- .ion-text-sm-justify {
39
- text-align: justify !important;
40
- }
41
-
42
- .ion-text-sm-start {
43
- text-align: start !important;
44
- }
45
-
46
- .ion-text-sm-end {
47
- text-align: end !important;
48
- }
49
-
50
- .ion-text-sm-left {
51
- text-align: left !important;
52
- }
53
-
54
- .ion-text-sm-right {
55
- text-align: right !important;
56
- }
57
-
58
- .ion-text-sm-nowrap {
59
- white-space: nowrap !important;
60
- }
61
-
62
- .ion-text-sm-wrap {
63
- white-space: normal !important;
64
- }
65
- }
66
- @media (min-width: 768px) {
67
- .ion-text-md-center {
68
- text-align: center !important;
69
- }
70
-
71
- .ion-text-md-justify {
72
- text-align: justify !important;
73
- }
74
-
75
- .ion-text-md-start {
76
- text-align: start !important;
77
- }
78
-
79
- .ion-text-md-end {
80
- text-align: end !important;
81
- }
82
-
83
- .ion-text-md-left {
84
- text-align: left !important;
85
- }
86
-
87
- .ion-text-md-right {
88
- text-align: right !important;
89
- }
90
-
91
- .ion-text-md-nowrap {
92
- white-space: nowrap !important;
93
- }
94
-
95
- .ion-text-md-wrap {
96
- white-space: normal !important;
97
- }
98
- }
99
- @media (min-width: 992px) {
100
- .ion-text-lg-center {
101
- text-align: center !important;
102
- }
103
-
104
- .ion-text-lg-justify {
105
- text-align: justify !important;
106
- }
107
-
108
- .ion-text-lg-start {
109
- text-align: start !important;
110
- }
111
-
112
- .ion-text-lg-end {
113
- text-align: end !important;
114
- }
115
-
116
- .ion-text-lg-left {
117
- text-align: left !important;
118
- }
119
-
120
- .ion-text-lg-right {
121
- text-align: right !important;
122
- }
123
-
124
- .ion-text-lg-nowrap {
125
- white-space: nowrap !important;
126
- }
127
-
128
- .ion-text-lg-wrap {
129
- white-space: normal !important;
130
- }
131
- }
132
- @media (min-width: 1200px) {
133
- .ion-text-xl-center {
134
- text-align: center !important;
135
- }
136
-
137
- .ion-text-xl-justify {
138
- text-align: justify !important;
139
- }
140
-
141
- .ion-text-xl-start {
142
- text-align: start !important;
143
- }
144
-
145
- .ion-text-xl-end {
146
- text-align: end !important;
147
- }
148
-
149
- .ion-text-xl-left {
150
- text-align: left !important;
151
- }
152
-
153
- .ion-text-xl-right {
154
- text-align: right !important;
155
- }
156
-
157
- .ion-text-xl-nowrap {
158
- white-space: nowrap !important;
159
- }
160
-
161
- .ion-text-xl-wrap {
162
- white-space: normal !important;
163
- }
164
- }
165
-
166
- /*# sourceMappingURL=text-alignment.css.map */
@@ -1,81 +0,0 @@
1
- .ion-text-uppercase {
2
- /* stylelint-disable-next-line declaration-no-important */
3
- text-transform: uppercase !important;
4
- }
5
-
6
- .ion-text-lowercase {
7
- /* stylelint-disable-next-line declaration-no-important */
8
- text-transform: lowercase !important;
9
- }
10
-
11
- .ion-text-capitalize {
12
- /* stylelint-disable-next-line declaration-no-important */
13
- text-transform: capitalize !important;
14
- }
15
-
16
- @media (min-width: 576px) {
17
- .ion-text-sm-uppercase {
18
- /* stylelint-disable-next-line declaration-no-important */
19
- text-transform: uppercase !important;
20
- }
21
-
22
- .ion-text-sm-lowercase {
23
- /* stylelint-disable-next-line declaration-no-important */
24
- text-transform: lowercase !important;
25
- }
26
-
27
- .ion-text-sm-capitalize {
28
- /* stylelint-disable-next-line declaration-no-important */
29
- text-transform: capitalize !important;
30
- }
31
- }
32
- @media (min-width: 768px) {
33
- .ion-text-md-uppercase {
34
- /* stylelint-disable-next-line declaration-no-important */
35
- text-transform: uppercase !important;
36
- }
37
-
38
- .ion-text-md-lowercase {
39
- /* stylelint-disable-next-line declaration-no-important */
40
- text-transform: lowercase !important;
41
- }
42
-
43
- .ion-text-md-capitalize {
44
- /* stylelint-disable-next-line declaration-no-important */
45
- text-transform: capitalize !important;
46
- }
47
- }
48
- @media (min-width: 992px) {
49
- .ion-text-lg-uppercase {
50
- /* stylelint-disable-next-line declaration-no-important */
51
- text-transform: uppercase !important;
52
- }
53
-
54
- .ion-text-lg-lowercase {
55
- /* stylelint-disable-next-line declaration-no-important */
56
- text-transform: lowercase !important;
57
- }
58
-
59
- .ion-text-lg-capitalize {
60
- /* stylelint-disable-next-line declaration-no-important */
61
- text-transform: capitalize !important;
62
- }
63
- }
64
- @media (min-width: 1200px) {
65
- .ion-text-xl-uppercase {
66
- /* stylelint-disable-next-line declaration-no-important */
67
- text-transform: uppercase !important;
68
- }
69
-
70
- .ion-text-xl-lowercase {
71
- /* stylelint-disable-next-line declaration-no-important */
72
- text-transform: lowercase !important;
73
- }
74
-
75
- .ion-text-xl-capitalize {
76
- /* stylelint-disable-next-line declaration-no-important */
77
- text-transform: capitalize !important;
78
- }
79
- }
80
-
81
- /*# sourceMappingURL=text-transformation.css.map */
@@ -1,65 +0,0 @@
1
- html {
2
- font-family: var(--ion-font-family);
3
- }
4
-
5
- a {
6
- background-color: transparent;
7
- color: var(--ion-color-primary, #3880ff);
8
- }
9
-
10
- h1,
11
- h2,
12
- h3,
13
- h4,
14
- h5,
15
- h6 {
16
- margin-top: 16px;
17
- margin-bottom: 10px;
18
- font-weight: 500;
19
- line-height: 1.2;
20
- }
21
- h1 {
22
- margin-top: 20px;
23
- font-size: 26px;
24
- }
25
- h2 {
26
- margin-top: 18px;
27
- font-size: 24px;
28
- }
29
- h3 {
30
- font-size: 22px;
31
- }
32
-
33
- h4 {
34
- font-size: 20px;
35
- }
36
-
37
- h5 {
38
- font-size: 18px;
39
- }
40
-
41
- h6 {
42
- font-size: 16px;
43
- }
44
-
45
- small {
46
- font-size: 75%;
47
- }
48
-
49
- sub,
50
- sup {
51
- position: relative;
52
- font-size: 75%;
53
- line-height: 0;
54
- vertical-align: baseline;
55
- }
56
-
57
- sup {
58
- top: -0.5em;
59
- }
60
-
61
- sub {
62
- bottom: -0.25em;
63
- }
64
-
65
- /*# sourceMappingURL=typography.css.map */