@ionic/core 7.5.6-dev.11700149859.12fc59a6 → 7.5.6-dev.11700168085.18cb70d3
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.
- package/components/alert.js +2 -2
- package/components/backdrop.js +12 -0
- package/components/gesture-controller.js +1 -1
- package/components/ion-content.js +1 -1
- package/components/ion-datetime.js +15 -2
- package/components/overlays.js +1 -5
- package/css/core.css +66 -0
- package/css/core.css.map +1 -1
- package/css/display.css +44 -0
- package/css/display.css.map +1 -1
- package/css/float-elements.css +44 -0
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css +88 -0
- package/css/global.bundle.css.map +1 -1
- package/css/ionic-swiper.css +22 -0
- package/css/ionic-swiper.css.map +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/css/padding.css +44 -0
- package/css/padding.css.map +1 -1
- package/css/structure.css +44 -0
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css +44 -0
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css +44 -0
- package/css/text-transformation.css.map +1 -1
- package/css/typography.css +44 -0
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css +220 -0
- package/css/utils.bundle.css.map +1 -1
- package/dist/cjs/{button-active-cd07b55b.js → button-active-af897e0e.js} +1 -1
- package/dist/cjs/{gesture-controller-d6a3f907.js → gesture-controller-b46721be.js} +0 -1
- package/dist/cjs/{index-0f8b33f8.js → index-0ee995e4.js} +1 -1
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/ion-action-sheet.cjs.entry.js +4 -4
- package/dist/cjs/ion-alert.cjs.entry.js +6 -6
- package/dist/cjs/ion-app_8.cjs.entry.js +2 -2
- package/dist/cjs/ion-backdrop.cjs.entry.js +12 -0
- package/dist/cjs/ion-datetime_3.cjs.entry.js +17 -5
- package/dist/cjs/ion-item-option_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-loading.cjs.entry.js +1 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +3 -3
- package/dist/cjs/ion-modal.cjs.entry.js +3 -3
- package/dist/cjs/ion-nav_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-popover.cjs.entry.js +1 -2
- package/dist/cjs/ion-range.cjs.entry.js +1 -1
- package/dist/cjs/ion-refresher_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-reorder_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +1 -2
- package/dist/cjs/ion-toast.cjs.entry.js +1 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
- package/dist/cjs/{overlays-bd057fe9.js → overlays-2ffc5f27.js} +1 -5
- package/dist/cjs/{swipe-back-a6dc6e5d.js → swipe-back-d0412fb6.js} +2 -2
- package/dist/collection/components/accordion/accordion.ios.css +44 -0
- package/dist/collection/components/accordion/accordion.md.css +22 -0
- package/dist/collection/components/accordion-group/accordion-group.ios.css +44 -0
- package/dist/collection/components/accordion-group/accordion-group.md.css +66 -0
- package/dist/collection/components/action-sheet/action-sheet.ios.css +44 -0
- package/dist/collection/components/action-sheet/action-sheet.md.css +44 -0
- package/dist/collection/components/alert/alert.ios.css +75 -1
- package/dist/collection/components/alert/alert.md.css +115 -3
- package/dist/collection/components/alert/test/basic/alert-tablet.e2e.js +40 -0
- package/dist/collection/components/avatar/avatar.ios.css +44 -0
- package/dist/collection/components/avatar/avatar.md.css +44 -0
- package/dist/collection/components/back-button/back-button.ios.css +44 -0
- package/dist/collection/components/back-button/back-button.md.css +44 -0
- package/dist/collection/components/backdrop/backdrop.ios.css +44 -0
- package/dist/collection/components/backdrop/backdrop.js +12 -0
- package/dist/collection/components/backdrop/backdrop.md.css +44 -0
- package/dist/collection/components/badge/badge.ios.css +44 -0
- package/dist/collection/components/badge/badge.md.css +44 -0
- package/dist/collection/components/breadcrumb/breadcrumb.ios.css +44 -0
- package/dist/collection/components/breadcrumb/breadcrumb.md.css +44 -0
- package/dist/collection/components/breadcrumbs/breadcrumbs.ios.css +22 -0
- package/dist/collection/components/breadcrumbs/breadcrumbs.md.css +22 -0
- package/dist/collection/components/button/button.ios.css +66 -0
- package/dist/collection/components/button/button.md.css +44 -0
- package/dist/collection/components/buttons/buttons.ios.css +66 -0
- package/dist/collection/components/buttons/buttons.md.css +66 -0
- package/dist/collection/components/card/card.ios.css +44 -0
- package/dist/collection/components/card/card.md.css +44 -0
- package/dist/collection/components/card-content/card-content.ios.css +44 -0
- package/dist/collection/components/card-content/card-content.md.css +44 -0
- package/dist/collection/components/card-header/card-header.ios.css +44 -0
- package/dist/collection/components/card-header/card-header.md.css +44 -0
- package/dist/collection/components/card-subtitle/card-subtitle.ios.css +44 -0
- package/dist/collection/components/card-subtitle/card-subtitle.md.css +44 -0
- package/dist/collection/components/card-title/card-title.ios.css +44 -0
- package/dist/collection/components/card-title/card-title.md.css +44 -0
- package/dist/collection/components/checkbox/checkbox.ios.css +66 -0
- package/dist/collection/components/checkbox/checkbox.md.css +66 -0
- package/dist/collection/components/chip/chip.ios.css +22 -0
- package/dist/collection/components/chip/chip.md.css +22 -0
- package/dist/collection/components/col/col.css +66 -0
- package/dist/collection/components/content/content.css +26 -0
- package/dist/collection/components/datetime/datetime.ios.css +44 -0
- package/dist/collection/components/datetime/datetime.js +15 -2
- package/dist/collection/components/datetime/datetime.md.css +44 -0
- package/dist/collection/components/datetime-button/datetime-button.css +22 -0
- package/dist/collection/components/fab/fab.css +88 -0
- package/dist/collection/components/fab-button/fab-button.ios.css +44 -0
- package/dist/collection/components/fab-button/fab-button.md.css +44 -0
- package/dist/collection/components/fab-list/fab-list.css +44 -0
- package/dist/collection/components/footer/footer.ios.css +44 -0
- package/dist/collection/components/footer/footer.md.css +44 -0
- package/dist/collection/components/grid/grid.css +66 -0
- package/dist/collection/components/header/header.ios.css +44 -0
- package/dist/collection/components/header/header.md.css +44 -0
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +44 -0
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +44 -0
- package/dist/collection/components/input/input.ios.css +66 -0
- package/dist/collection/components/input/input.md.css +132 -0
- package/dist/collection/components/item/item.ios.css +44 -0
- package/dist/collection/components/item/item.md.css +88 -0
- package/dist/collection/components/item-divider/item-divider.ios.css +66 -0
- package/dist/collection/components/item-divider/item-divider.md.css +66 -0
- package/dist/collection/components/item-group/item-group.ios.css +44 -0
- package/dist/collection/components/item-group/item-group.md.css +44 -0
- package/dist/collection/components/item-option/item-option.ios.css +44 -0
- package/dist/collection/components/item-option/item-option.md.css +44 -0
- package/dist/collection/components/item-options/item-options.ios.css +66 -0
- package/dist/collection/components/item-options/item-options.md.css +66 -0
- package/dist/collection/components/item-sliding/item-sliding.css +22 -0
- package/dist/collection/components/label/label.ios.css +66 -0
- package/dist/collection/components/label/label.md.css +66 -0
- package/dist/collection/components/list/list.ios.css +66 -0
- package/dist/collection/components/list/list.md.css +66 -0
- package/dist/collection/components/list-header/list-header.ios.css +66 -0
- package/dist/collection/components/list-header/list-header.md.css +66 -0
- package/dist/collection/components/loading/loading.ios.css +44 -0
- package/dist/collection/components/loading/loading.md.css +44 -0
- package/dist/collection/components/menu/menu.ios.css +44 -0
- package/dist/collection/components/menu/menu.md.css +44 -0
- package/dist/collection/components/menu-button/menu-button.ios.css +44 -0
- package/dist/collection/components/menu-button/menu-button.md.css +44 -0
- package/dist/collection/components/modal/modal.ios.css +44 -0
- package/dist/collection/components/modal/modal.md.css +44 -0
- package/dist/collection/components/nav/nav.css +22 -0
- package/dist/collection/components/note/note.ios.css +44 -0
- package/dist/collection/components/note/note.md.css +44 -0
- package/dist/collection/components/picker/picker.ios.css +44 -0
- package/dist/collection/components/picker/picker.md.css +44 -0
- package/dist/collection/components/picker-column/picker-column.ios.css +44 -0
- package/dist/collection/components/picker-column/picker-column.md.css +44 -0
- package/dist/collection/components/picker-column-internal/picker-column-internal.ios.css +22 -0
- package/dist/collection/components/picker-column-internal/picker-column-internal.md.css +44 -0
- package/dist/collection/components/picker-internal/picker-internal.ios.css +44 -0
- package/dist/collection/components/picker-internal/picker-internal.md.css +44 -0
- package/dist/collection/components/popover/popover.ios.css +44 -0
- package/dist/collection/components/popover/popover.md.css +44 -0
- package/dist/collection/components/progress-bar/progress-bar.ios.css +22 -0
- package/dist/collection/components/progress-bar/progress-bar.md.css +22 -0
- package/dist/collection/components/radio/radio.ios.css +66 -0
- package/dist/collection/components/radio/radio.md.css +66 -0
- package/dist/collection/components/range/range.ios.css +44 -0
- package/dist/collection/components/range/range.md.css +44 -0
- package/dist/collection/components/refresher/refresher.ios.css +44 -0
- package/dist/collection/components/refresher/refresher.md.css +44 -0
- package/dist/collection/components/reorder/reorder.ios.css +22 -0
- package/dist/collection/components/reorder/reorder.md.css +22 -0
- package/dist/collection/components/reorder-group/reorder-group.css +22 -0
- package/dist/collection/components/ripple-effect/ripple-effect.css +22 -0
- package/dist/collection/components/router-link/router-link.css +22 -0
- package/dist/collection/components/router-outlet/router-outlet.css +22 -0
- package/dist/collection/components/row/row.css +66 -0
- package/dist/collection/components/searchbar/searchbar.ios.css +44 -0
- package/dist/collection/components/searchbar/searchbar.md.css +44 -0
- package/dist/collection/components/segment/segment.ios.css +66 -0
- package/dist/collection/components/segment/segment.md.css +66 -0
- package/dist/collection/components/segment-button/segment-button.ios.css +44 -0
- package/dist/collection/components/segment-button/segment-button.md.css +44 -0
- package/dist/collection/components/select/select.ios.css +66 -0
- package/dist/collection/components/select/select.md.css +110 -0
- package/dist/collection/components/select-popover/select-popover.ios.css +66 -0
- package/dist/collection/components/select-popover/select-popover.md.css +66 -0
- package/dist/collection/components/skeleton-text/skeleton-text.css +22 -0
- package/dist/collection/components/spinner/spinner.css +22 -0
- package/dist/collection/components/split-pane/split-pane.ios.css +66 -0
- package/dist/collection/components/split-pane/split-pane.md.css +66 -0
- package/dist/collection/components/tab-bar/tab-bar.ios.css +66 -0
- package/dist/collection/components/tab-bar/tab-bar.md.css +66 -0
- package/dist/collection/components/tab-button/tab-button.ios.css +44 -0
- package/dist/collection/components/tab-button/tab-button.md.css +44 -0
- package/dist/collection/components/tabs/tabs.css +22 -0
- package/dist/collection/components/text/text.css +22 -0
- package/dist/collection/components/textarea/textarea.ios.css +88 -0
- package/dist/collection/components/textarea/textarea.md.css +132 -0
- package/dist/collection/components/thumbnail/thumbnail.css +22 -0
- package/dist/collection/components/title/title.ios.css +22 -0
- package/dist/collection/components/title/title.md.css +22 -0
- package/dist/collection/components/toast/toast.ios.css +44 -0
- package/dist/collection/components/toast/toast.md.css +44 -0
- package/dist/collection/components/toggle/toggle.ios.css +66 -0
- package/dist/collection/components/toggle/toggle.md.css +66 -0
- package/dist/collection/components/toolbar/toolbar.ios.css +44 -0
- package/dist/collection/components/toolbar/toolbar.md.css +44 -0
- package/dist/collection/utils/gesture/gesture-controller.js +1 -1
- package/dist/collection/utils/overlays.js +1 -5
- package/dist/docs.json +1 -1
- package/dist/esm/{button-active-5b0516e7.js → button-active-ce5cba4c.js} +1 -1
- package/dist/esm/{gesture-controller-3723db7c.js → gesture-controller-0fa396c4.js} +1 -1
- package/dist/esm/{index-32cbee52.js → index-ff313b19.js} +2 -2
- package/dist/esm/index.js +3 -3
- package/dist/esm/ion-action-sheet.entry.js +4 -4
- package/dist/esm/ion-alert.entry.js +6 -6
- package/dist/esm/ion-app_8.entry.js +2 -2
- package/dist/esm/ion-backdrop.entry.js +12 -0
- package/dist/esm/ion-datetime_3.entry.js +17 -5
- package/dist/esm/ion-item-option_3.entry.js +1 -1
- package/dist/esm/ion-loading.entry.js +1 -2
- package/dist/esm/ion-menu_3.entry.js +3 -3
- package/dist/esm/ion-modal.entry.js +3 -3
- package/dist/esm/ion-nav_2.entry.js +1 -1
- package/dist/esm/ion-popover.entry.js +1 -2
- package/dist/esm/ion-range.entry.js +1 -1
- package/dist/esm/ion-refresher_2.entry.js +3 -3
- package/dist/esm/ion-reorder_2.entry.js +1 -1
- package/dist/esm/ion-segment_2.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +1 -2
- package/dist/esm/ion-toast.entry.js +1 -2
- package/dist/esm/ion-toggle.entry.js +1 -1
- package/dist/esm/{overlays-ff6032c5.js → overlays-6c9feb7e.js} +1 -5
- package/dist/esm/{swipe-back-cc4c2bcb.js → swipe-back-0f3bfc8e.js} +2 -2
- package/dist/esm-es5/{button-active-5b0516e7.js → button-active-ce5cba4c.js} +1 -1
- package/dist/esm-es5/{gesture-controller-3723db7c.js → gesture-controller-0fa396c4.js} +1 -1
- package/dist/esm-es5/{index-32cbee52.js → index-ff313b19.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
- package/dist/esm-es5/ion-alert.entry.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-backdrop.entry.js +1 -1
- package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
- package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
- package/dist/esm-es5/ion-loading.entry.js +1 -1
- package/dist/esm-es5/ion-menu_3.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-nav_2.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
- package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
- package/dist/esm-es5/ion-segment_2.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/ion-toggle.entry.js +1 -1
- package/dist/esm-es5/overlays-6c9feb7e.js +4 -0
- package/dist/esm-es5/swipe-back-0f3bfc8e.js +4 -0
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-5e8196d7.system.js → p-09d142b3.system.js} +1 -1
- package/dist/ionic/p-0d8e9393.entry.js +4 -0
- package/dist/ionic/{p-477a182e.entry.js → p-0dc0d9b5.entry.js} +1 -1
- package/dist/ionic/p-18e01b30.system.entry.js +4 -0
- package/dist/ionic/{p-99f3f7b8.system.entry.js → p-1cb5f2f8.system.entry.js} +1 -1
- package/dist/ionic/p-1e5165db.system.entry.js +4 -0
- package/dist/ionic/{p-22813b28.system.entry.js → p-34d2de14.system.entry.js} +1 -1
- package/dist/ionic/{p-c0c39ac0.system.entry.js → p-377c636c.system.entry.js} +1 -1
- package/dist/ionic/{p-878c7aa5.system.entry.js → p-39044fe6.system.entry.js} +1 -1
- package/dist/ionic/{p-ee800093.entry.js → p-3ce8c3e3.entry.js} +1 -1
- package/dist/ionic/{p-56224549.entry.js → p-3de79805.entry.js} +1 -1
- package/dist/ionic/p-40903d34.system.js +1 -1
- package/dist/ionic/{p-1c768684.entry.js → p-4fa201a7.entry.js} +1 -1
- package/dist/ionic/p-64296b15.entry.js +4 -0
- package/dist/ionic/{p-3f88eab8.system.entry.js → p-67ed452a.system.entry.js} +1 -1
- package/dist/ionic/{p-aa4d7f18.system.entry.js → p-6d812360.system.entry.js} +1 -1
- package/dist/ionic/{p-a4cda7a8.system.entry.js → p-6e23777e.system.entry.js} +1 -1
- package/dist/ionic/p-6f4fbf04.entry.js +4 -0
- package/dist/ionic/{p-2ba9414e.entry.js → p-7176cea3.entry.js} +1 -1
- package/dist/ionic/{p-b99c615f.entry.js → p-73411c1b.entry.js} +1 -1
- package/dist/ionic/p-800ef057.js +4 -0
- package/dist/ionic/{p-a7e2ac5c.js → p-8b1be026.js} +1 -1
- package/dist/ionic/p-8dbdb163.system.js +4 -0
- package/dist/ionic/{p-cf87db65.entry.js → p-8e1bded3.entry.js} +1 -1
- package/dist/ionic/{p-5ce11143.entry.js → p-965677f1.entry.js} +1 -1
- package/dist/ionic/p-97e31c0a.system.js +4 -0
- package/dist/ionic/{p-6500b298.system.js → p-9e852ff1.system.js} +1 -1
- package/dist/ionic/p-a5c1e6ce.entry.js +4 -0
- package/dist/ionic/{p-c7fd81ba.system.js → p-a936d224.system.js} +1 -1
- package/dist/ionic/p-a9c3699b.system.entry.js +4 -0
- package/dist/ionic/p-b203659a.system.entry.js +4 -0
- package/dist/ionic/{p-835e0346.entry.js → p-b2a74a72.entry.js} +1 -1
- package/dist/ionic/p-b76c6241.system.entry.js +4 -0
- package/dist/ionic/p-b781d6b2.entry.js +4 -0
- package/dist/ionic/p-b91fe549.entry.js +4 -0
- package/dist/ionic/{p-b3e79338.system.entry.js → p-bed722c4.system.entry.js} +1 -1
- package/dist/ionic/p-c919498d.entry.js +4 -0
- package/dist/ionic/p-cf425ec5.system.entry.js +4 -0
- package/dist/ionic/{p-c31fc05f.system.entry.js → p-db5043df.system.entry.js} +1 -1
- package/dist/ionic/p-ddfc4ef4.system.entry.js +4 -0
- package/dist/ionic/{p-100ef961.js → p-e0b06b65.js} +1 -1
- package/dist/ionic/{p-302091ab.js → p-e627ed84.js} +1 -1
- package/dist/ionic/p-e6b240a0.js +4 -0
- package/dist/ionic/p-eae972be.system.entry.js +4 -0
- package/dist/ionic/{p-939d903b.entry.js → p-f37b4b79.entry.js} +1 -1
- package/dist/ionic/{p-06e6d235.system.entry.js → p-f3c82f74.system.entry.js} +2 -2
- package/dist/ionic/p-f54ddd19.entry.js +4 -0
- package/dist/ionic/{p-2e1794df.system.js → p-fa8d4788.system.js} +1 -1
- package/dist/types/components/backdrop/backdrop.d.ts +3 -0
- package/dist/types/components/menu/menu.d.ts +1 -1
- package/dist/types/utils/gesture/gesture-controller.d.ts +0 -1
- package/hydrate/index.js +30 -9
- package/package.json +1 -1
- package/dist/esm-es5/overlays-ff6032c5.js +0 -4
- package/dist/esm-es5/swipe-back-cc4c2bcb.js +0 -4
- package/dist/ionic/p-0c244faf.entry.js +0 -4
- package/dist/ionic/p-0d69f9ba.system.entry.js +0 -4
- package/dist/ionic/p-1478e926.entry.js +0 -4
- package/dist/ionic/p-16999b3c.system.entry.js +0 -4
- package/dist/ionic/p-22dab144.entry.js +0 -4
- package/dist/ionic/p-2ad38423.system.entry.js +0 -4
- package/dist/ionic/p-39d2dfb7.system.js +0 -4
- package/dist/ionic/p-39e6b75d.system.entry.js +0 -4
- package/dist/ionic/p-3b9f68e8.system.entry.js +0 -4
- package/dist/ionic/p-44718ac2.entry.js +0 -4
- package/dist/ionic/p-5ca3c897.entry.js +0 -4
- package/dist/ionic/p-69c23212.entry.js +0 -4
- package/dist/ionic/p-8257f8bd.entry.js +0 -4
- package/dist/ionic/p-89f13082.system.entry.js +0 -4
- package/dist/ionic/p-992d3bad.entry.js +0 -4
- package/dist/ionic/p-9c967a65.system.entry.js +0 -4
- package/dist/ionic/p-bde283b8.js +0 -4
- package/dist/ionic/p-dc565ca3.js +0 -4
- package/dist/ionic/p-e13c4ff0.system.entry.js +0 -4
- package/dist/ionic/p-e88ed07f.system.js +0 -4
|
@@ -31,6 +31,28 @@
|
|
|
31
31
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
32
|
* convert to a unit other than $baselineUnit.
|
|
33
33
|
*/
|
|
34
|
+
/**
|
|
35
|
+
* A heuristic that applies CSS to tablet
|
|
36
|
+
* viewports.
|
|
37
|
+
*
|
|
38
|
+
* Usage:
|
|
39
|
+
* @include tablet-viewport() {
|
|
40
|
+
* :host {
|
|
41
|
+
* background-color: green;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* A heuristic that applies CSS to mobile
|
|
47
|
+
* viewports (i.e. phones, not tablets).
|
|
48
|
+
*
|
|
49
|
+
* Usage:
|
|
50
|
+
* @include mobile-viewport() {
|
|
51
|
+
* :host {
|
|
52
|
+
* background-color: blue;
|
|
53
|
+
* }
|
|
54
|
+
* }
|
|
55
|
+
*/
|
|
34
56
|
:host {
|
|
35
57
|
/**
|
|
36
58
|
* @prop --background: Background of the item option
|
|
@@ -185,6 +207,28 @@
|
|
|
185
207
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
186
208
|
* convert to a unit other than $baselineUnit.
|
|
187
209
|
*/
|
|
210
|
+
/**
|
|
211
|
+
* A heuristic that applies CSS to tablet
|
|
212
|
+
* viewports.
|
|
213
|
+
*
|
|
214
|
+
* Usage:
|
|
215
|
+
* @include tablet-viewport() {
|
|
216
|
+
* :host {
|
|
217
|
+
* background-color: green;
|
|
218
|
+
* }
|
|
219
|
+
* }
|
|
220
|
+
*/
|
|
221
|
+
/**
|
|
222
|
+
* A heuristic that applies CSS to mobile
|
|
223
|
+
* viewports (i.e. phones, not tablets).
|
|
224
|
+
*
|
|
225
|
+
* Usage:
|
|
226
|
+
* @include mobile-viewport() {
|
|
227
|
+
* :host {
|
|
228
|
+
* background-color: blue;
|
|
229
|
+
* }
|
|
230
|
+
* }
|
|
231
|
+
*/
|
|
188
232
|
:host {
|
|
189
233
|
font-size: 0.875rem;
|
|
190
234
|
font-weight: 500;
|
|
@@ -31,6 +31,28 @@
|
|
|
31
31
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
32
|
* convert to a unit other than $baselineUnit.
|
|
33
33
|
*/
|
|
34
|
+
/**
|
|
35
|
+
* A heuristic that applies CSS to tablet
|
|
36
|
+
* viewports.
|
|
37
|
+
*
|
|
38
|
+
* Usage:
|
|
39
|
+
* @include tablet-viewport() {
|
|
40
|
+
* :host {
|
|
41
|
+
* background-color: green;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* A heuristic that applies CSS to mobile
|
|
47
|
+
* viewports (i.e. phones, not tablets).
|
|
48
|
+
*
|
|
49
|
+
* Usage:
|
|
50
|
+
* @include mobile-viewport() {
|
|
51
|
+
* :host {
|
|
52
|
+
* background-color: blue;
|
|
53
|
+
* }
|
|
54
|
+
* }
|
|
55
|
+
*/
|
|
34
56
|
ion-item-options {
|
|
35
57
|
/* stylelint-disable property-disallowed-list */
|
|
36
58
|
top: 0;
|
|
@@ -169,6 +191,28 @@ ion-item-options {
|
|
|
169
191
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
170
192
|
* convert to a unit other than $baselineUnit.
|
|
171
193
|
*/
|
|
194
|
+
/**
|
|
195
|
+
* A heuristic that applies CSS to tablet
|
|
196
|
+
* viewports.
|
|
197
|
+
*
|
|
198
|
+
* Usage:
|
|
199
|
+
* @include tablet-viewport() {
|
|
200
|
+
* :host {
|
|
201
|
+
* background-color: green;
|
|
202
|
+
* }
|
|
203
|
+
* }
|
|
204
|
+
*/
|
|
205
|
+
/**
|
|
206
|
+
* A heuristic that applies CSS to mobile
|
|
207
|
+
* viewports (i.e. phones, not tablets).
|
|
208
|
+
*
|
|
209
|
+
* Usage:
|
|
210
|
+
* @include mobile-viewport() {
|
|
211
|
+
* :host {
|
|
212
|
+
* background-color: blue;
|
|
213
|
+
* }
|
|
214
|
+
* }
|
|
215
|
+
*/
|
|
172
216
|
/**
|
|
173
217
|
* Convert a font size to a dynamic font size.
|
|
174
218
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -202,6 +246,28 @@ ion-item-options {
|
|
|
202
246
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
203
247
|
* convert to a unit other than $baselineUnit.
|
|
204
248
|
*/
|
|
249
|
+
/**
|
|
250
|
+
* A heuristic that applies CSS to tablet
|
|
251
|
+
* viewports.
|
|
252
|
+
*
|
|
253
|
+
* Usage:
|
|
254
|
+
* @include tablet-viewport() {
|
|
255
|
+
* :host {
|
|
256
|
+
* background-color: green;
|
|
257
|
+
* }
|
|
258
|
+
* }
|
|
259
|
+
*/
|
|
260
|
+
/**
|
|
261
|
+
* A heuristic that applies CSS to mobile
|
|
262
|
+
* viewports (i.e. phones, not tablets).
|
|
263
|
+
*
|
|
264
|
+
* Usage:
|
|
265
|
+
* @include mobile-viewport() {
|
|
266
|
+
* :host {
|
|
267
|
+
* background-color: blue;
|
|
268
|
+
* }
|
|
269
|
+
* }
|
|
270
|
+
*/
|
|
205
271
|
.item-options-ios {
|
|
206
272
|
border-bottom-width: 0;
|
|
207
273
|
border-bottom-style: solid;
|
|
@@ -31,6 +31,28 @@
|
|
|
31
31
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
32
|
* convert to a unit other than $baselineUnit.
|
|
33
33
|
*/
|
|
34
|
+
/**
|
|
35
|
+
* A heuristic that applies CSS to tablet
|
|
36
|
+
* viewports.
|
|
37
|
+
*
|
|
38
|
+
* Usage:
|
|
39
|
+
* @include tablet-viewport() {
|
|
40
|
+
* :host {
|
|
41
|
+
* background-color: green;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* A heuristic that applies CSS to mobile
|
|
47
|
+
* viewports (i.e. phones, not tablets).
|
|
48
|
+
*
|
|
49
|
+
* Usage:
|
|
50
|
+
* @include mobile-viewport() {
|
|
51
|
+
* :host {
|
|
52
|
+
* background-color: blue;
|
|
53
|
+
* }
|
|
54
|
+
* }
|
|
55
|
+
*/
|
|
34
56
|
ion-item-options {
|
|
35
57
|
/* stylelint-disable property-disallowed-list */
|
|
36
58
|
top: 0;
|
|
@@ -169,6 +191,28 @@ ion-item-options {
|
|
|
169
191
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
170
192
|
* convert to a unit other than $baselineUnit.
|
|
171
193
|
*/
|
|
194
|
+
/**
|
|
195
|
+
* A heuristic that applies CSS to tablet
|
|
196
|
+
* viewports.
|
|
197
|
+
*
|
|
198
|
+
* Usage:
|
|
199
|
+
* @include tablet-viewport() {
|
|
200
|
+
* :host {
|
|
201
|
+
* background-color: green;
|
|
202
|
+
* }
|
|
203
|
+
* }
|
|
204
|
+
*/
|
|
205
|
+
/**
|
|
206
|
+
* A heuristic that applies CSS to mobile
|
|
207
|
+
* viewports (i.e. phones, not tablets).
|
|
208
|
+
*
|
|
209
|
+
* Usage:
|
|
210
|
+
* @include mobile-viewport() {
|
|
211
|
+
* :host {
|
|
212
|
+
* background-color: blue;
|
|
213
|
+
* }
|
|
214
|
+
* }
|
|
215
|
+
*/
|
|
172
216
|
/**
|
|
173
217
|
* Convert a font size to a dynamic font size.
|
|
174
218
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -202,6 +246,28 @@ ion-item-options {
|
|
|
202
246
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
203
247
|
* convert to a unit other than $baselineUnit.
|
|
204
248
|
*/
|
|
249
|
+
/**
|
|
250
|
+
* A heuristic that applies CSS to tablet
|
|
251
|
+
* viewports.
|
|
252
|
+
*
|
|
253
|
+
* Usage:
|
|
254
|
+
* @include tablet-viewport() {
|
|
255
|
+
* :host {
|
|
256
|
+
* background-color: green;
|
|
257
|
+
* }
|
|
258
|
+
* }
|
|
259
|
+
*/
|
|
260
|
+
/**
|
|
261
|
+
* A heuristic that applies CSS to mobile
|
|
262
|
+
* viewports (i.e. phones, not tablets).
|
|
263
|
+
*
|
|
264
|
+
* Usage:
|
|
265
|
+
* @include mobile-viewport() {
|
|
266
|
+
* :host {
|
|
267
|
+
* background-color: blue;
|
|
268
|
+
* }
|
|
269
|
+
* }
|
|
270
|
+
*/
|
|
205
271
|
.item-options-md {
|
|
206
272
|
border-bottom-width: 0;
|
|
207
273
|
border-bottom-style: solid;
|
|
@@ -31,6 +31,28 @@
|
|
|
31
31
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
32
|
* convert to a unit other than $baselineUnit.
|
|
33
33
|
*/
|
|
34
|
+
/**
|
|
35
|
+
* A heuristic that applies CSS to tablet
|
|
36
|
+
* viewports.
|
|
37
|
+
*
|
|
38
|
+
* Usage:
|
|
39
|
+
* @include tablet-viewport() {
|
|
40
|
+
* :host {
|
|
41
|
+
* background-color: green;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* A heuristic that applies CSS to mobile
|
|
47
|
+
* viewports (i.e. phones, not tablets).
|
|
48
|
+
*
|
|
49
|
+
* Usage:
|
|
50
|
+
* @include mobile-viewport() {
|
|
51
|
+
* :host {
|
|
52
|
+
* background-color: blue;
|
|
53
|
+
* }
|
|
54
|
+
* }
|
|
55
|
+
*/
|
|
34
56
|
ion-item-sliding {
|
|
35
57
|
display: block;
|
|
36
58
|
position: relative;
|
|
@@ -31,6 +31,28 @@
|
|
|
31
31
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
32
|
* convert to a unit other than $baselineUnit.
|
|
33
33
|
*/
|
|
34
|
+
/**
|
|
35
|
+
* A heuristic that applies CSS to tablet
|
|
36
|
+
* viewports.
|
|
37
|
+
*
|
|
38
|
+
* Usage:
|
|
39
|
+
* @include tablet-viewport() {
|
|
40
|
+
* :host {
|
|
41
|
+
* background-color: green;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* A heuristic that applies CSS to mobile
|
|
47
|
+
* viewports (i.e. phones, not tablets).
|
|
48
|
+
*
|
|
49
|
+
* Usage:
|
|
50
|
+
* @include mobile-viewport() {
|
|
51
|
+
* :host {
|
|
52
|
+
* background-color: blue;
|
|
53
|
+
* }
|
|
54
|
+
* }
|
|
55
|
+
*/
|
|
34
56
|
:host-context(.item) {
|
|
35
57
|
/**
|
|
36
58
|
* @prop --color: Color of the label. This property is only available when using `ion-label` inside of an `ion-item`.
|
|
@@ -132,6 +154,28 @@
|
|
|
132
154
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
133
155
|
* convert to a unit other than $baselineUnit.
|
|
134
156
|
*/
|
|
157
|
+
/**
|
|
158
|
+
* A heuristic that applies CSS to tablet
|
|
159
|
+
* viewports.
|
|
160
|
+
*
|
|
161
|
+
* Usage:
|
|
162
|
+
* @include tablet-viewport() {
|
|
163
|
+
* :host {
|
|
164
|
+
* background-color: green;
|
|
165
|
+
* }
|
|
166
|
+
* }
|
|
167
|
+
*/
|
|
168
|
+
/**
|
|
169
|
+
* A heuristic that applies CSS to mobile
|
|
170
|
+
* viewports (i.e. phones, not tablets).
|
|
171
|
+
*
|
|
172
|
+
* Usage:
|
|
173
|
+
* @include mobile-viewport() {
|
|
174
|
+
* :host {
|
|
175
|
+
* background-color: blue;
|
|
176
|
+
* }
|
|
177
|
+
* }
|
|
178
|
+
*/
|
|
135
179
|
/**
|
|
136
180
|
* Convert a font size to a dynamic font size.
|
|
137
181
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -165,6 +209,28 @@
|
|
|
165
209
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
166
210
|
* convert to a unit other than $baselineUnit.
|
|
167
211
|
*/
|
|
212
|
+
/**
|
|
213
|
+
* A heuristic that applies CSS to tablet
|
|
214
|
+
* viewports.
|
|
215
|
+
*
|
|
216
|
+
* Usage:
|
|
217
|
+
* @include tablet-viewport() {
|
|
218
|
+
* :host {
|
|
219
|
+
* background-color: green;
|
|
220
|
+
* }
|
|
221
|
+
* }
|
|
222
|
+
*/
|
|
223
|
+
/**
|
|
224
|
+
* A heuristic that applies CSS to mobile
|
|
225
|
+
* viewports (i.e. phones, not tablets).
|
|
226
|
+
*
|
|
227
|
+
* Usage:
|
|
228
|
+
* @include mobile-viewport() {
|
|
229
|
+
* :host {
|
|
230
|
+
* background-color: blue;
|
|
231
|
+
* }
|
|
232
|
+
* }
|
|
233
|
+
*/
|
|
168
234
|
:host(.ion-text-wrap) {
|
|
169
235
|
font-size: 0.875rem;
|
|
170
236
|
line-height: 1.5;
|
|
@@ -31,6 +31,28 @@
|
|
|
31
31
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
32
|
* convert to a unit other than $baselineUnit.
|
|
33
33
|
*/
|
|
34
|
+
/**
|
|
35
|
+
* A heuristic that applies CSS to tablet
|
|
36
|
+
* viewports.
|
|
37
|
+
*
|
|
38
|
+
* Usage:
|
|
39
|
+
* @include tablet-viewport() {
|
|
40
|
+
* :host {
|
|
41
|
+
* background-color: green;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* A heuristic that applies CSS to mobile
|
|
47
|
+
* viewports (i.e. phones, not tablets).
|
|
48
|
+
*
|
|
49
|
+
* Usage:
|
|
50
|
+
* @include mobile-viewport() {
|
|
51
|
+
* :host {
|
|
52
|
+
* background-color: blue;
|
|
53
|
+
* }
|
|
54
|
+
* }
|
|
55
|
+
*/
|
|
34
56
|
:host-context(.item) {
|
|
35
57
|
/**
|
|
36
58
|
* @prop --color: Color of the label. This property is only available when using `ion-label` inside of an `ion-item`.
|
|
@@ -132,6 +154,28 @@
|
|
|
132
154
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
133
155
|
* convert to a unit other than $baselineUnit.
|
|
134
156
|
*/
|
|
157
|
+
/**
|
|
158
|
+
* A heuristic that applies CSS to tablet
|
|
159
|
+
* viewports.
|
|
160
|
+
*
|
|
161
|
+
* Usage:
|
|
162
|
+
* @include tablet-viewport() {
|
|
163
|
+
* :host {
|
|
164
|
+
* background-color: green;
|
|
165
|
+
* }
|
|
166
|
+
* }
|
|
167
|
+
*/
|
|
168
|
+
/**
|
|
169
|
+
* A heuristic that applies CSS to mobile
|
|
170
|
+
* viewports (i.e. phones, not tablets).
|
|
171
|
+
*
|
|
172
|
+
* Usage:
|
|
173
|
+
* @include mobile-viewport() {
|
|
174
|
+
* :host {
|
|
175
|
+
* background-color: blue;
|
|
176
|
+
* }
|
|
177
|
+
* }
|
|
178
|
+
*/
|
|
135
179
|
/**
|
|
136
180
|
* Convert a font size to a dynamic font size.
|
|
137
181
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -165,6 +209,28 @@
|
|
|
165
209
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
166
210
|
* convert to a unit other than $baselineUnit.
|
|
167
211
|
*/
|
|
212
|
+
/**
|
|
213
|
+
* A heuristic that applies CSS to tablet
|
|
214
|
+
* viewports.
|
|
215
|
+
*
|
|
216
|
+
* Usage:
|
|
217
|
+
* @include tablet-viewport() {
|
|
218
|
+
* :host {
|
|
219
|
+
* background-color: green;
|
|
220
|
+
* }
|
|
221
|
+
* }
|
|
222
|
+
*/
|
|
223
|
+
/**
|
|
224
|
+
* A heuristic that applies CSS to mobile
|
|
225
|
+
* viewports (i.e. phones, not tablets).
|
|
226
|
+
*
|
|
227
|
+
* Usage:
|
|
228
|
+
* @include mobile-viewport() {
|
|
229
|
+
* :host {
|
|
230
|
+
* background-color: blue;
|
|
231
|
+
* }
|
|
232
|
+
* }
|
|
233
|
+
*/
|
|
168
234
|
:host(.ion-text-wrap) {
|
|
169
235
|
line-height: 1.5;
|
|
170
236
|
}
|
|
@@ -31,6 +31,28 @@
|
|
|
31
31
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
32
|
* convert to a unit other than $baselineUnit.
|
|
33
33
|
*/
|
|
34
|
+
/**
|
|
35
|
+
* A heuristic that applies CSS to tablet
|
|
36
|
+
* viewports.
|
|
37
|
+
*
|
|
38
|
+
* Usage:
|
|
39
|
+
* @include tablet-viewport() {
|
|
40
|
+
* :host {
|
|
41
|
+
* background-color: green;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* A heuristic that applies CSS to mobile
|
|
47
|
+
* viewports (i.e. phones, not tablets).
|
|
48
|
+
*
|
|
49
|
+
* Usage:
|
|
50
|
+
* @include mobile-viewport() {
|
|
51
|
+
* :host {
|
|
52
|
+
* background-color: blue;
|
|
53
|
+
* }
|
|
54
|
+
* }
|
|
55
|
+
*/
|
|
34
56
|
ion-list {
|
|
35
57
|
margin-left: 0;
|
|
36
58
|
margin-right: 0;
|
|
@@ -83,6 +105,28 @@ ion-list.list-inset {
|
|
|
83
105
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
84
106
|
* convert to a unit other than $baselineUnit.
|
|
85
107
|
*/
|
|
108
|
+
/**
|
|
109
|
+
* A heuristic that applies CSS to tablet
|
|
110
|
+
* viewports.
|
|
111
|
+
*
|
|
112
|
+
* Usage:
|
|
113
|
+
* @include tablet-viewport() {
|
|
114
|
+
* :host {
|
|
115
|
+
* background-color: green;
|
|
116
|
+
* }
|
|
117
|
+
* }
|
|
118
|
+
*/
|
|
119
|
+
/**
|
|
120
|
+
* A heuristic that applies CSS to mobile
|
|
121
|
+
* viewports (i.e. phones, not tablets).
|
|
122
|
+
*
|
|
123
|
+
* Usage:
|
|
124
|
+
* @include mobile-viewport() {
|
|
125
|
+
* :host {
|
|
126
|
+
* background-color: blue;
|
|
127
|
+
* }
|
|
128
|
+
* }
|
|
129
|
+
*/
|
|
86
130
|
/**
|
|
87
131
|
* Convert a font size to a dynamic font size.
|
|
88
132
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -116,6 +160,28 @@ ion-list.list-inset {
|
|
|
116
160
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
117
161
|
* convert to a unit other than $baselineUnit.
|
|
118
162
|
*/
|
|
163
|
+
/**
|
|
164
|
+
* A heuristic that applies CSS to tablet
|
|
165
|
+
* viewports.
|
|
166
|
+
*
|
|
167
|
+
* Usage:
|
|
168
|
+
* @include tablet-viewport() {
|
|
169
|
+
* :host {
|
|
170
|
+
* background-color: green;
|
|
171
|
+
* }
|
|
172
|
+
* }
|
|
173
|
+
*/
|
|
174
|
+
/**
|
|
175
|
+
* A heuristic that applies CSS to mobile
|
|
176
|
+
* viewports (i.e. phones, not tablets).
|
|
177
|
+
*
|
|
178
|
+
* Usage:
|
|
179
|
+
* @include mobile-viewport() {
|
|
180
|
+
* :host {
|
|
181
|
+
* background-color: blue;
|
|
182
|
+
* }
|
|
183
|
+
* }
|
|
184
|
+
*/
|
|
119
185
|
.list-ios {
|
|
120
186
|
background: var(--ion-item-background, var(--ion-background-color, #fff));
|
|
121
187
|
}
|
|
@@ -31,6 +31,28 @@
|
|
|
31
31
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
32
|
* convert to a unit other than $baselineUnit.
|
|
33
33
|
*/
|
|
34
|
+
/**
|
|
35
|
+
* A heuristic that applies CSS to tablet
|
|
36
|
+
* viewports.
|
|
37
|
+
*
|
|
38
|
+
* Usage:
|
|
39
|
+
* @include tablet-viewport() {
|
|
40
|
+
* :host {
|
|
41
|
+
* background-color: green;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* A heuristic that applies CSS to mobile
|
|
47
|
+
* viewports (i.e. phones, not tablets).
|
|
48
|
+
*
|
|
49
|
+
* Usage:
|
|
50
|
+
* @include mobile-viewport() {
|
|
51
|
+
* :host {
|
|
52
|
+
* background-color: blue;
|
|
53
|
+
* }
|
|
54
|
+
* }
|
|
55
|
+
*/
|
|
34
56
|
ion-list {
|
|
35
57
|
margin-left: 0;
|
|
36
58
|
margin-right: 0;
|
|
@@ -83,6 +105,28 @@ ion-list.list-inset {
|
|
|
83
105
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
84
106
|
* convert to a unit other than $baselineUnit.
|
|
85
107
|
*/
|
|
108
|
+
/**
|
|
109
|
+
* A heuristic that applies CSS to tablet
|
|
110
|
+
* viewports.
|
|
111
|
+
*
|
|
112
|
+
* Usage:
|
|
113
|
+
* @include tablet-viewport() {
|
|
114
|
+
* :host {
|
|
115
|
+
* background-color: green;
|
|
116
|
+
* }
|
|
117
|
+
* }
|
|
118
|
+
*/
|
|
119
|
+
/**
|
|
120
|
+
* A heuristic that applies CSS to mobile
|
|
121
|
+
* viewports (i.e. phones, not tablets).
|
|
122
|
+
*
|
|
123
|
+
* Usage:
|
|
124
|
+
* @include mobile-viewport() {
|
|
125
|
+
* :host {
|
|
126
|
+
* background-color: blue;
|
|
127
|
+
* }
|
|
128
|
+
* }
|
|
129
|
+
*/
|
|
86
130
|
/**
|
|
87
131
|
* Convert a font size to a dynamic font size.
|
|
88
132
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -116,6 +160,28 @@ ion-list.list-inset {
|
|
|
116
160
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
117
161
|
* convert to a unit other than $baselineUnit.
|
|
118
162
|
*/
|
|
163
|
+
/**
|
|
164
|
+
* A heuristic that applies CSS to tablet
|
|
165
|
+
* viewports.
|
|
166
|
+
*
|
|
167
|
+
* Usage:
|
|
168
|
+
* @include tablet-viewport() {
|
|
169
|
+
* :host {
|
|
170
|
+
* background-color: green;
|
|
171
|
+
* }
|
|
172
|
+
* }
|
|
173
|
+
*/
|
|
174
|
+
/**
|
|
175
|
+
* A heuristic that applies CSS to mobile
|
|
176
|
+
* viewports (i.e. phones, not tablets).
|
|
177
|
+
*
|
|
178
|
+
* Usage:
|
|
179
|
+
* @include mobile-viewport() {
|
|
180
|
+
* :host {
|
|
181
|
+
* background-color: blue;
|
|
182
|
+
* }
|
|
183
|
+
* }
|
|
184
|
+
*/
|
|
119
185
|
.list-md {
|
|
120
186
|
margin-left: 0;
|
|
121
187
|
margin-right: 0;
|
|
@@ -31,6 +31,28 @@
|
|
|
31
31
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
32
32
|
* convert to a unit other than $baselineUnit.
|
|
33
33
|
*/
|
|
34
|
+
/**
|
|
35
|
+
* A heuristic that applies CSS to tablet
|
|
36
|
+
* viewports.
|
|
37
|
+
*
|
|
38
|
+
* Usage:
|
|
39
|
+
* @include tablet-viewport() {
|
|
40
|
+
* :host {
|
|
41
|
+
* background-color: green;
|
|
42
|
+
* }
|
|
43
|
+
* }
|
|
44
|
+
*/
|
|
45
|
+
/**
|
|
46
|
+
* A heuristic that applies CSS to mobile
|
|
47
|
+
* viewports (i.e. phones, not tablets).
|
|
48
|
+
*
|
|
49
|
+
* Usage:
|
|
50
|
+
* @include mobile-viewport() {
|
|
51
|
+
* :host {
|
|
52
|
+
* background-color: blue;
|
|
53
|
+
* }
|
|
54
|
+
* }
|
|
55
|
+
*/
|
|
34
56
|
:host {
|
|
35
57
|
/**
|
|
36
58
|
* @prop --background: Background of the list header
|
|
@@ -135,6 +157,28 @@
|
|
|
135
157
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
136
158
|
* convert to a unit other than $baselineUnit.
|
|
137
159
|
*/
|
|
160
|
+
/**
|
|
161
|
+
* A heuristic that applies CSS to tablet
|
|
162
|
+
* viewports.
|
|
163
|
+
*
|
|
164
|
+
* Usage:
|
|
165
|
+
* @include tablet-viewport() {
|
|
166
|
+
* :host {
|
|
167
|
+
* background-color: green;
|
|
168
|
+
* }
|
|
169
|
+
* }
|
|
170
|
+
*/
|
|
171
|
+
/**
|
|
172
|
+
* A heuristic that applies CSS to mobile
|
|
173
|
+
* viewports (i.e. phones, not tablets).
|
|
174
|
+
*
|
|
175
|
+
* Usage:
|
|
176
|
+
* @include mobile-viewport() {
|
|
177
|
+
* :host {
|
|
178
|
+
* background-color: blue;
|
|
179
|
+
* }
|
|
180
|
+
* }
|
|
181
|
+
*/
|
|
138
182
|
/**
|
|
139
183
|
* Convert a font size to a dynamic font size.
|
|
140
184
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -168,6 +212,28 @@
|
|
|
168
212
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
169
213
|
* convert to a unit other than $baselineUnit.
|
|
170
214
|
*/
|
|
215
|
+
/**
|
|
216
|
+
* A heuristic that applies CSS to tablet
|
|
217
|
+
* viewports.
|
|
218
|
+
*
|
|
219
|
+
* Usage:
|
|
220
|
+
* @include tablet-viewport() {
|
|
221
|
+
* :host {
|
|
222
|
+
* background-color: green;
|
|
223
|
+
* }
|
|
224
|
+
* }
|
|
225
|
+
*/
|
|
226
|
+
/**
|
|
227
|
+
* A heuristic that applies CSS to mobile
|
|
228
|
+
* viewports (i.e. phones, not tablets).
|
|
229
|
+
*
|
|
230
|
+
* Usage:
|
|
231
|
+
* @include mobile-viewport() {
|
|
232
|
+
* :host {
|
|
233
|
+
* background-color: blue;
|
|
234
|
+
* }
|
|
235
|
+
* }
|
|
236
|
+
*/
|
|
171
237
|
:host {
|
|
172
238
|
--background: transparent;
|
|
173
239
|
--color: var(--ion-color-step-850, #262626);
|