@ionic/core 7.5.6-dev.11700149859.12fc59a6 → 7.5.6-dev.11700169088.140f3e6a
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-ad61e508.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-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-d91e93ac.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 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-text-color, #000);
|
|
@@ -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 loading dialog
|
|
@@ -125,6 +147,28 @@ ion-spinner {
|
|
|
125
147
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
126
148
|
* convert to a unit other than $baselineUnit.
|
|
127
149
|
*/
|
|
150
|
+
/**
|
|
151
|
+
* A heuristic that applies CSS to tablet
|
|
152
|
+
* viewports.
|
|
153
|
+
*
|
|
154
|
+
* Usage:
|
|
155
|
+
* @include tablet-viewport() {
|
|
156
|
+
* :host {
|
|
157
|
+
* background-color: green;
|
|
158
|
+
* }
|
|
159
|
+
* }
|
|
160
|
+
*/
|
|
161
|
+
/**
|
|
162
|
+
* A heuristic that applies CSS to mobile
|
|
163
|
+
* viewports (i.e. phones, not tablets).
|
|
164
|
+
*
|
|
165
|
+
* Usage:
|
|
166
|
+
* @include mobile-viewport() {
|
|
167
|
+
* :host {
|
|
168
|
+
* background-color: blue;
|
|
169
|
+
* }
|
|
170
|
+
* }
|
|
171
|
+
*/
|
|
128
172
|
:host {
|
|
129
173
|
--background: var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));
|
|
130
174
|
--max-width: 270px;
|
|
@@ -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 loading dialog
|
|
@@ -125,6 +147,28 @@ ion-spinner {
|
|
|
125
147
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
126
148
|
* convert to a unit other than $baselineUnit.
|
|
127
149
|
*/
|
|
150
|
+
/**
|
|
151
|
+
* A heuristic that applies CSS to tablet
|
|
152
|
+
* viewports.
|
|
153
|
+
*
|
|
154
|
+
* Usage:
|
|
155
|
+
* @include tablet-viewport() {
|
|
156
|
+
* :host {
|
|
157
|
+
* background-color: green;
|
|
158
|
+
* }
|
|
159
|
+
* }
|
|
160
|
+
*/
|
|
161
|
+
/**
|
|
162
|
+
* A heuristic that applies CSS to mobile
|
|
163
|
+
* viewports (i.e. phones, not tablets).
|
|
164
|
+
*
|
|
165
|
+
* Usage:
|
|
166
|
+
* @include mobile-viewport() {
|
|
167
|
+
* :host {
|
|
168
|
+
* background-color: blue;
|
|
169
|
+
* }
|
|
170
|
+
* }
|
|
171
|
+
*/
|
|
128
172
|
:host {
|
|
129
173
|
--background: var(--ion-color-step-50, #f2f2f2);
|
|
130
174
|
--max-width: 280px;
|
|
@@ -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 menu
|
|
@@ -326,6 +348,28 @@ ion-backdrop {
|
|
|
326
348
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
327
349
|
* convert to a unit other than $baselineUnit.
|
|
328
350
|
*/
|
|
351
|
+
/**
|
|
352
|
+
* A heuristic that applies CSS to tablet
|
|
353
|
+
* viewports.
|
|
354
|
+
*
|
|
355
|
+
* Usage:
|
|
356
|
+
* @include tablet-viewport() {
|
|
357
|
+
* :host {
|
|
358
|
+
* background-color: green;
|
|
359
|
+
* }
|
|
360
|
+
* }
|
|
361
|
+
*/
|
|
362
|
+
/**
|
|
363
|
+
* A heuristic that applies CSS to mobile
|
|
364
|
+
* viewports (i.e. phones, not tablets).
|
|
365
|
+
*
|
|
366
|
+
* Usage:
|
|
367
|
+
* @include mobile-viewport() {
|
|
368
|
+
* :host {
|
|
369
|
+
* background-color: blue;
|
|
370
|
+
* }
|
|
371
|
+
* }
|
|
372
|
+
*/
|
|
329
373
|
:host(.menu-type-push) {
|
|
330
374
|
z-index: 1000;
|
|
331
375
|
}
|
|
@@ -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 menu
|
|
@@ -326,6 +348,28 @@ ion-backdrop {
|
|
|
326
348
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
327
349
|
* convert to a unit other than $baselineUnit.
|
|
328
350
|
*/
|
|
351
|
+
/**
|
|
352
|
+
* A heuristic that applies CSS to tablet
|
|
353
|
+
* viewports.
|
|
354
|
+
*
|
|
355
|
+
* Usage:
|
|
356
|
+
* @include tablet-viewport() {
|
|
357
|
+
* :host {
|
|
358
|
+
* background-color: green;
|
|
359
|
+
* }
|
|
360
|
+
* }
|
|
361
|
+
*/
|
|
362
|
+
/**
|
|
363
|
+
* A heuristic that applies CSS to mobile
|
|
364
|
+
* viewports (i.e. phones, not tablets).
|
|
365
|
+
*
|
|
366
|
+
* Usage:
|
|
367
|
+
* @include mobile-viewport() {
|
|
368
|
+
* :host {
|
|
369
|
+
* background-color: blue;
|
|
370
|
+
* }
|
|
371
|
+
* }
|
|
372
|
+
*/
|
|
329
373
|
:host(.menu-type-overlay) .menu-inner {
|
|
330
374
|
box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
|
|
331
375
|
}
|
|
@@ -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
|
/**
|
|
35
57
|
* Convert a font size to a dynamic font size.
|
|
36
58
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -64,6 +86,28 @@
|
|
|
64
86
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
65
87
|
* convert to a unit other than $baselineUnit.
|
|
66
88
|
*/
|
|
89
|
+
/**
|
|
90
|
+
* A heuristic that applies CSS to tablet
|
|
91
|
+
* viewports.
|
|
92
|
+
*
|
|
93
|
+
* Usage:
|
|
94
|
+
* @include tablet-viewport() {
|
|
95
|
+
* :host {
|
|
96
|
+
* background-color: green;
|
|
97
|
+
* }
|
|
98
|
+
* }
|
|
99
|
+
*/
|
|
100
|
+
/**
|
|
101
|
+
* A heuristic that applies CSS to mobile
|
|
102
|
+
* viewports (i.e. phones, not tablets).
|
|
103
|
+
*
|
|
104
|
+
* Usage:
|
|
105
|
+
* @include mobile-viewport() {
|
|
106
|
+
* :host {
|
|
107
|
+
* background-color: blue;
|
|
108
|
+
* }
|
|
109
|
+
* }
|
|
110
|
+
*/
|
|
67
111
|
:host {
|
|
68
112
|
/**
|
|
69
113
|
* @prop --border-radius: Border radius of the menu button
|
|
@@ -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
|
/**
|
|
35
57
|
* Convert a font size to a dynamic font size.
|
|
36
58
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -64,6 +86,28 @@
|
|
|
64
86
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
65
87
|
* convert to a unit other than $baselineUnit.
|
|
66
88
|
*/
|
|
89
|
+
/**
|
|
90
|
+
* A heuristic that applies CSS to tablet
|
|
91
|
+
* viewports.
|
|
92
|
+
*
|
|
93
|
+
* Usage:
|
|
94
|
+
* @include tablet-viewport() {
|
|
95
|
+
* :host {
|
|
96
|
+
* background-color: green;
|
|
97
|
+
* }
|
|
98
|
+
* }
|
|
99
|
+
*/
|
|
100
|
+
/**
|
|
101
|
+
* A heuristic that applies CSS to mobile
|
|
102
|
+
* viewports (i.e. phones, not tablets).
|
|
103
|
+
*
|
|
104
|
+
* Usage:
|
|
105
|
+
* @include mobile-viewport() {
|
|
106
|
+
* :host {
|
|
107
|
+
* background-color: blue;
|
|
108
|
+
* }
|
|
109
|
+
* }
|
|
110
|
+
*/
|
|
67
111
|
:host {
|
|
68
112
|
/**
|
|
69
113
|
* @prop --border-radius: Border radius of the menu button
|
|
@@ -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 modal content
|
|
@@ -212,6 +234,28 @@ ion-backdrop {
|
|
|
212
234
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
213
235
|
* convert to a unit other than $baselineUnit.
|
|
214
236
|
*/
|
|
237
|
+
/**
|
|
238
|
+
* A heuristic that applies CSS to tablet
|
|
239
|
+
* viewports.
|
|
240
|
+
*
|
|
241
|
+
* Usage:
|
|
242
|
+
* @include tablet-viewport() {
|
|
243
|
+
* :host {
|
|
244
|
+
* background-color: green;
|
|
245
|
+
* }
|
|
246
|
+
* }
|
|
247
|
+
*/
|
|
248
|
+
/**
|
|
249
|
+
* A heuristic that applies CSS to mobile
|
|
250
|
+
* viewports (i.e. phones, not tablets).
|
|
251
|
+
*
|
|
252
|
+
* Usage:
|
|
253
|
+
* @include mobile-viewport() {
|
|
254
|
+
* :host {
|
|
255
|
+
* background-color: blue;
|
|
256
|
+
* }
|
|
257
|
+
* }
|
|
258
|
+
*/
|
|
215
259
|
:host {
|
|
216
260
|
--backdrop-opacity: var(--ion-backdrop-opacity, 0.4);
|
|
217
261
|
}
|
|
@@ -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 modal content
|
|
@@ -212,6 +234,28 @@ ion-backdrop {
|
|
|
212
234
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
213
235
|
* convert to a unit other than $baselineUnit.
|
|
214
236
|
*/
|
|
237
|
+
/**
|
|
238
|
+
* A heuristic that applies CSS to tablet
|
|
239
|
+
* viewports.
|
|
240
|
+
*
|
|
241
|
+
* Usage:
|
|
242
|
+
* @include tablet-viewport() {
|
|
243
|
+
* :host {
|
|
244
|
+
* background-color: green;
|
|
245
|
+
* }
|
|
246
|
+
* }
|
|
247
|
+
*/
|
|
248
|
+
/**
|
|
249
|
+
* A heuristic that applies CSS to mobile
|
|
250
|
+
* viewports (i.e. phones, not tablets).
|
|
251
|
+
*
|
|
252
|
+
* Usage:
|
|
253
|
+
* @include mobile-viewport() {
|
|
254
|
+
* :host {
|
|
255
|
+
* background-color: blue;
|
|
256
|
+
* }
|
|
257
|
+
* }
|
|
258
|
+
*/
|
|
215
259
|
:host {
|
|
216
260
|
--backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
|
|
217
261
|
}
|
|
@@ -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
|
left: 0;
|
|
36
58
|
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
|
/**
|
|
35
57
|
* Convert a font size to a dynamic font size.
|
|
36
58
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -64,6 +86,28 @@
|
|
|
64
86
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
65
87
|
* convert to a unit other than $baselineUnit.
|
|
66
88
|
*/
|
|
89
|
+
/**
|
|
90
|
+
* A heuristic that applies CSS to tablet
|
|
91
|
+
* viewports.
|
|
92
|
+
*
|
|
93
|
+
* Usage:
|
|
94
|
+
* @include tablet-viewport() {
|
|
95
|
+
* :host {
|
|
96
|
+
* background-color: green;
|
|
97
|
+
* }
|
|
98
|
+
* }
|
|
99
|
+
*/
|
|
100
|
+
/**
|
|
101
|
+
* A heuristic that applies CSS to mobile
|
|
102
|
+
* viewports (i.e. phones, not tablets).
|
|
103
|
+
*
|
|
104
|
+
* Usage:
|
|
105
|
+
* @include mobile-viewport() {
|
|
106
|
+
* :host {
|
|
107
|
+
* background-color: blue;
|
|
108
|
+
* }
|
|
109
|
+
* }
|
|
110
|
+
*/
|
|
67
111
|
:host {
|
|
68
112
|
/**
|
|
69
113
|
* @prop --color: Color of the note
|
|
@@ -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
|
/**
|
|
35
57
|
* Convert a font size to a dynamic font size.
|
|
36
58
|
* Fonts that participate in Dynamic Type should use
|
|
@@ -64,6 +86,28 @@
|
|
|
64
86
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
65
87
|
* convert to a unit other than $baselineUnit.
|
|
66
88
|
*/
|
|
89
|
+
/**
|
|
90
|
+
* A heuristic that applies CSS to tablet
|
|
91
|
+
* viewports.
|
|
92
|
+
*
|
|
93
|
+
* Usage:
|
|
94
|
+
* @include tablet-viewport() {
|
|
95
|
+
* :host {
|
|
96
|
+
* background-color: green;
|
|
97
|
+
* }
|
|
98
|
+
* }
|
|
99
|
+
*/
|
|
100
|
+
/**
|
|
101
|
+
* A heuristic that applies CSS to mobile
|
|
102
|
+
* viewports (i.e. phones, not tablets).
|
|
103
|
+
*
|
|
104
|
+
* Usage:
|
|
105
|
+
* @include mobile-viewport() {
|
|
106
|
+
* :host {
|
|
107
|
+
* background-color: blue;
|
|
108
|
+
* }
|
|
109
|
+
* }
|
|
110
|
+
*/
|
|
67
111
|
:host {
|
|
68
112
|
/**
|
|
69
113
|
* @prop --color: Color of the note
|