UNPKG

14.1 kBCSSView Raw
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 */