@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,665 +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
- .ion-float-left {
176
- float: left !important;
177
- }
178
-
179
- .ion-float-right {
180
- float: right !important;
181
- }
182
-
183
- .ion-float-start {
184
- float: left !important;
185
- }
186
- [dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
187
- float: right !important;
188
- }
189
-
190
- .ion-float-end {
191
- float: right !important;
192
- }
193
- [dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
194
- float: left !important;
195
- }
196
-
197
- @media (min-width: 576px) {
198
- .ion-float-sm-left {
199
- float: left !important;
200
- }
201
-
202
- .ion-float-sm-right {
203
- float: right !important;
204
- }
205
-
206
- .ion-float-sm-start {
207
- float: left !important;
208
- }
209
- [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
210
- float: right !important;
211
- }
212
-
213
- .ion-float-sm-end {
214
- float: right !important;
215
- }
216
- [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
217
- float: left !important;
218
- }
219
- }
220
- @media (min-width: 768px) {
221
- .ion-float-md-left {
222
- float: left !important;
223
- }
224
-
225
- .ion-float-md-right {
226
- float: right !important;
227
- }
228
-
229
- .ion-float-md-start {
230
- float: left !important;
231
- }
232
- [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
233
- float: right !important;
234
- }
235
-
236
- .ion-float-md-end {
237
- float: right !important;
238
- }
239
- [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
240
- float: left !important;
241
- }
242
- }
243
- @media (min-width: 992px) {
244
- .ion-float-lg-left {
245
- float: left !important;
246
- }
247
-
248
- .ion-float-lg-right {
249
- float: right !important;
250
- }
251
-
252
- .ion-float-lg-start {
253
- float: left !important;
254
- }
255
- [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
256
- float: right !important;
257
- }
258
-
259
- .ion-float-lg-end {
260
- float: right !important;
261
- }
262
- [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
263
- float: left !important;
264
- }
265
- }
266
- @media (min-width: 1200px) {
267
- .ion-float-xl-left {
268
- float: left !important;
269
- }
270
-
271
- .ion-float-xl-right {
272
- float: right !important;
273
- }
274
-
275
- .ion-float-xl-start {
276
- float: left !important;
277
- }
278
- [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
279
- float: right !important;
280
- }
281
-
282
- .ion-float-xl-end {
283
- float: right !important;
284
- }
285
- [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
286
- float: left !important;
287
- }
288
- }
289
- .ion-text-center {
290
- text-align: center !important;
291
- }
292
-
293
- .ion-text-justify {
294
- text-align: justify !important;
295
- }
296
-
297
- .ion-text-start {
298
- text-align: start !important;
299
- }
300
-
301
- .ion-text-end {
302
- text-align: end !important;
303
- }
304
-
305
- .ion-text-left {
306
- text-align: left !important;
307
- }
308
-
309
- .ion-text-right {
310
- text-align: right !important;
311
- }
312
-
313
- .ion-text-nowrap {
314
- white-space: nowrap !important;
315
- }
316
-
317
- .ion-text-wrap {
318
- white-space: normal !important;
319
- }
320
-
321
- @media (min-width: 576px) {
322
- .ion-text-sm-center {
323
- text-align: center !important;
324
- }
325
-
326
- .ion-text-sm-justify {
327
- text-align: justify !important;
328
- }
329
-
330
- .ion-text-sm-start {
331
- text-align: start !important;
332
- }
333
-
334
- .ion-text-sm-end {
335
- text-align: end !important;
336
- }
337
-
338
- .ion-text-sm-left {
339
- text-align: left !important;
340
- }
341
-
342
- .ion-text-sm-right {
343
- text-align: right !important;
344
- }
345
-
346
- .ion-text-sm-nowrap {
347
- white-space: nowrap !important;
348
- }
349
-
350
- .ion-text-sm-wrap {
351
- white-space: normal !important;
352
- }
353
- }
354
- @media (min-width: 768px) {
355
- .ion-text-md-center {
356
- text-align: center !important;
357
- }
358
-
359
- .ion-text-md-justify {
360
- text-align: justify !important;
361
- }
362
-
363
- .ion-text-md-start {
364
- text-align: start !important;
365
- }
366
-
367
- .ion-text-md-end {
368
- text-align: end !important;
369
- }
370
-
371
- .ion-text-md-left {
372
- text-align: left !important;
373
- }
374
-
375
- .ion-text-md-right {
376
- text-align: right !important;
377
- }
378
-
379
- .ion-text-md-nowrap {
380
- white-space: nowrap !important;
381
- }
382
-
383
- .ion-text-md-wrap {
384
- white-space: normal !important;
385
- }
386
- }
387
- @media (min-width: 992px) {
388
- .ion-text-lg-center {
389
- text-align: center !important;
390
- }
391
-
392
- .ion-text-lg-justify {
393
- text-align: justify !important;
394
- }
395
-
396
- .ion-text-lg-start {
397
- text-align: start !important;
398
- }
399
-
400
- .ion-text-lg-end {
401
- text-align: end !important;
402
- }
403
-
404
- .ion-text-lg-left {
405
- text-align: left !important;
406
- }
407
-
408
- .ion-text-lg-right {
409
- text-align: right !important;
410
- }
411
-
412
- .ion-text-lg-nowrap {
413
- white-space: nowrap !important;
414
- }
415
-
416
- .ion-text-lg-wrap {
417
- white-space: normal !important;
418
- }
419
- }
420
- @media (min-width: 1200px) {
421
- .ion-text-xl-center {
422
- text-align: center !important;
423
- }
424
-
425
- .ion-text-xl-justify {
426
- text-align: justify !important;
427
- }
428
-
429
- .ion-text-xl-start {
430
- text-align: start !important;
431
- }
432
-
433
- .ion-text-xl-end {
434
- text-align: end !important;
435
- }
436
-
437
- .ion-text-xl-left {
438
- text-align: left !important;
439
- }
440
-
441
- .ion-text-xl-right {
442
- text-align: right !important;
443
- }
444
-
445
- .ion-text-xl-nowrap {
446
- white-space: nowrap !important;
447
- }
448
-
449
- .ion-text-xl-wrap {
450
- white-space: normal !important;
451
- }
452
- }
453
- .ion-text-uppercase {
454
- /* stylelint-disable-next-line declaration-no-important */
455
- text-transform: uppercase !important;
456
- }
457
-
458
- .ion-text-lowercase {
459
- /* stylelint-disable-next-line declaration-no-important */
460
- text-transform: lowercase !important;
461
- }
462
-
463
- .ion-text-capitalize {
464
- /* stylelint-disable-next-line declaration-no-important */
465
- text-transform: capitalize !important;
466
- }
467
-
468
- @media (min-width: 576px) {
469
- .ion-text-sm-uppercase {
470
- /* stylelint-disable-next-line declaration-no-important */
471
- text-transform: uppercase !important;
472
- }
473
-
474
- .ion-text-sm-lowercase {
475
- /* stylelint-disable-next-line declaration-no-important */
476
- text-transform: lowercase !important;
477
- }
478
-
479
- .ion-text-sm-capitalize {
480
- /* stylelint-disable-next-line declaration-no-important */
481
- text-transform: capitalize !important;
482
- }
483
- }
484
- @media (min-width: 768px) {
485
- .ion-text-md-uppercase {
486
- /* stylelint-disable-next-line declaration-no-important */
487
- text-transform: uppercase !important;
488
- }
489
-
490
- .ion-text-md-lowercase {
491
- /* stylelint-disable-next-line declaration-no-important */
492
- text-transform: lowercase !important;
493
- }
494
-
495
- .ion-text-md-capitalize {
496
- /* stylelint-disable-next-line declaration-no-important */
497
- text-transform: capitalize !important;
498
- }
499
- }
500
- @media (min-width: 992px) {
501
- .ion-text-lg-uppercase {
502
- /* stylelint-disable-next-line declaration-no-important */
503
- text-transform: uppercase !important;
504
- }
505
-
506
- .ion-text-lg-lowercase {
507
- /* stylelint-disable-next-line declaration-no-important */
508
- text-transform: lowercase !important;
509
- }
510
-
511
- .ion-text-lg-capitalize {
512
- /* stylelint-disable-next-line declaration-no-important */
513
- text-transform: capitalize !important;
514
- }
515
- }
516
- @media (min-width: 1200px) {
517
- .ion-text-xl-uppercase {
518
- /* stylelint-disable-next-line declaration-no-important */
519
- text-transform: uppercase !important;
520
- }
521
-
522
- .ion-text-xl-lowercase {
523
- /* stylelint-disable-next-line declaration-no-important */
524
- text-transform: lowercase !important;
525
- }
526
-
527
- .ion-text-xl-capitalize {
528
- /* stylelint-disable-next-line declaration-no-important */
529
- text-transform: capitalize !important;
530
- }
531
- }
532
- .ion-align-self-start {
533
- align-self: flex-start !important;
534
- }
535
-
536
- .ion-align-self-end {
537
- align-self: flex-end !important;
538
- }
539
-
540
- .ion-align-self-center {
541
- align-self: center !important;
542
- }
543
-
544
- .ion-align-self-stretch {
545
- align-self: stretch !important;
546
- }
547
-
548
- .ion-align-self-baseline {
549
- align-self: baseline !important;
550
- }
551
-
552
- .ion-align-self-auto {
553
- align-self: auto !important;
554
- }
555
-
556
- .ion-wrap {
557
- flex-wrap: wrap !important;
558
- }
559
-
560
- .ion-nowrap {
561
- flex-wrap: nowrap !important;
562
- }
563
-
564
- .ion-wrap-reverse {
565
- flex-wrap: wrap-reverse !important;
566
- }
567
-
568
- .ion-justify-content-start {
569
- justify-content: flex-start !important;
570
- }
571
-
572
- .ion-justify-content-center {
573
- justify-content: center !important;
574
- }
575
-
576
- .ion-justify-content-end {
577
- justify-content: flex-end !important;
578
- }
579
-
580
- .ion-justify-content-around {
581
- justify-content: space-around !important;
582
- }
583
-
584
- .ion-justify-content-between {
585
- justify-content: space-between !important;
586
- }
587
-
588
- .ion-justify-content-evenly {
589
- justify-content: space-evenly !important;
590
- }
591
-
592
- .ion-align-items-start {
593
- align-items: flex-start !important;
594
- }
595
-
596
- .ion-align-items-center {
597
- align-items: center !important;
598
- }
599
-
600
- .ion-align-items-end {
601
- align-items: flex-end !important;
602
- }
603
-
604
- .ion-align-items-stretch {
605
- align-items: stretch !important;
606
- }
607
-
608
- .ion-align-items-baseline {
609
- align-items: baseline !important;
610
- }
611
-
612
- .ion-hide {
613
- display: none !important;
614
- }
615
-
616
- .ion-hide-up {
617
- display: none !important;
618
- }
619
-
620
- .ion-hide-down {
621
- display: none !important;
622
- }
623
-
624
- @media (min-width: 576px) {
625
- .ion-hide-sm-up {
626
- display: none !important;
627
- }
628
- }
629
- @media (max-width: 575.98px) {
630
- .ion-hide-sm-down {
631
- display: none !important;
632
- }
633
- }
634
- @media (min-width: 768px) {
635
- .ion-hide-md-up {
636
- display: none !important;
637
- }
638
- }
639
- @media (max-width: 767.98px) {
640
- .ion-hide-md-down {
641
- display: none !important;
642
- }
643
- }
644
- @media (min-width: 992px) {
645
- .ion-hide-lg-up {
646
- display: none !important;
647
- }
648
- }
649
- @media (max-width: 991.98px) {
650
- .ion-hide-lg-down {
651
- display: none !important;
652
- }
653
- }
654
- @media (min-width: 1200px) {
655
- .ion-hide-xl-up {
656
- display: none !important;
657
- }
658
- }
659
- @media (max-width: 1199.98px) {
660
- .ion-hide-xl-down {
661
- display: none !important;
662
- }
663
- }
664
-
665
- /*# sourceMappingURL=utils.bundle.css.map */