@ionic/core 8.5.5-dev.11744821352.11e7a84f → 8.5.5-dev.11745934912.1dcd33ea
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/backdrop.js +3 -3
- package/components/button.js +3 -3
- package/components/ion-accordion-group.js +1 -1
- package/components/ion-accordion.js +1 -1
- package/components/ion-avatar.js +1 -1
- package/components/ion-badge.js +3 -3
- package/components/ion-chip.js +1 -1
- package/components/ion-input-password-toggle.js +5 -5
- package/components/ion-input.js +1 -1
- package/components/ion-item-option.js +3 -3
- package/components/ion-item-options.js +3 -3
- package/components/ion-progress-bar.js +3 -3
- package/components/ion-range.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-select.js +3 -3
- package/components/ion-tab-button.js +3 -3
- package/components/ion-textarea.js +3 -3
- package/components/ion-toast.js +3 -3
- package/components/ion-toggle.js +3 -3
- package/components/item.js +1 -1
- package/components/list-header.js +3 -3
- package/components/modal.js +3 -3
- package/components/ripple-effect.js +1 -1
- package/components/spinner.js +5 -5
- package/css/core.css.map +1 -1
- package/css/ionic/bundle.ionic.css +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/global.bundle.ionic.css +1 -1
- package/css/ionic/global.bundle.ionic.css.map +1 -1
- package/css/ionic/link.ionic.css +1 -1
- package/css/ionic/link.ionic.css.map +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-avatar_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-backdrop.cjs.entry.js +3 -3
- package/dist/cjs/ion-button_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-chip.cjs.entry.js +1 -1
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +5 -5
- package/dist/cjs/ion-input.cjs.entry.js +1 -1
- package/dist/cjs/ion-item-option_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-item_8.cjs.entry.js +4 -4
- package/dist/cjs/ion-modal.cjs.entry.js +3 -3
- package/dist/cjs/ion-progress-bar.cjs.entry.js +3 -3
- package/dist/cjs/ion-range.cjs.entry.js +1 -1
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
- package/dist/cjs/ion-searchbar.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +3 -3
- package/dist/cjs/ion-spinner.cjs.entry.js +5 -5
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
- package/dist/cjs/ion-toast.cjs.entry.js +3 -3
- package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
- package/dist/collection/components/accordion/accordion.ionic.css +5 -5
- package/dist/collection/components/accordion-group/accordion-group.ionic.css +2 -2
- package/dist/collection/components/avatar/avatar.ionic.css +38 -52
- package/dist/collection/components/avatar/avatar.ios.css +0 -39
- package/dist/collection/components/avatar/avatar.md.css +0 -39
- package/dist/collection/components/backdrop/backdrop.ionic.css +1 -40
- package/dist/collection/components/backdrop/backdrop.ios.css +44 -19
- package/dist/collection/components/backdrop/backdrop.md.css +44 -19
- package/dist/collection/components/badge/badge.ionic.css +31 -52
- package/dist/collection/components/badge/badge.ios.css +8 -41
- package/dist/collection/components/badge/badge.md.css +8 -41
- package/dist/collection/components/button/button.ionic.css +29 -77
- package/dist/collection/components/button/button.ios.css +23 -75
- package/dist/collection/components/button/button.md.css +23 -75
- package/dist/collection/components/chip/chip.ionic.css +17 -6
- package/dist/collection/components/input/input.ionic.css +21 -83
- package/dist/collection/components/input/input.md.css +0 -122
- package/dist/collection/components/input-password-toggle/input-password-toggle.ionic.css +1 -62
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +4 -4
- package/dist/collection/components/item/item.ionic.css +9 -4
- package/dist/collection/components/item-option/item-option.ionic.css +16 -3
- package/dist/collection/components/item-option/item-option.ios.css +4 -1
- package/dist/collection/components/item-option/item-option.md.css +4 -1
- package/dist/collection/components/item-options/item-options.ionic.css +4 -40
- package/dist/collection/components/item-options/item-options.ios.css +65 -40
- package/dist/collection/components/item-options/item-options.md.css +65 -40
- package/dist/collection/components/list/list.ionic.css +22 -0
- package/dist/collection/components/list/list.ios.css +36 -14
- package/dist/collection/components/list/list.md.css +36 -14
- package/dist/collection/components/list-header/list-header.ionic.css +6 -50
- package/dist/collection/components/list-header/list-header.ios.css +70 -44
- package/dist/collection/components/list-header/list-header.md.css +70 -44
- package/dist/collection/components/modal/modal.ionic.css +16 -18
- package/dist/collection/components/modal/modal.ios.css +79 -18
- package/dist/collection/components/modal/modal.md.css +79 -18
- package/dist/collection/components/progress-bar/progress-bar.ionic.css +6 -50
- package/dist/collection/components/progress-bar/progress-bar.ios.css +35 -10
- package/dist/collection/components/progress-bar/progress-bar.md.css +35 -10
- package/dist/collection/components/range/range.ionic.css +2 -2
- package/dist/collection/components/ripple-effect/ripple-effect.ionic.css +64 -1
- package/dist/collection/components/searchbar/searchbar.ionic.css +3 -3
- package/dist/collection/components/select/select.ionic.css +46 -112
- package/dist/collection/components/select/select.ios.css +109 -103
- package/dist/collection/components/select/select.md.css +109 -103
- package/dist/collection/components/spinner/spinner.ionic.css +12 -10
- package/dist/collection/components/spinner/spinner.js +4 -4
- package/dist/collection/components/spinner/{spinner.common.css → spinner.native.css} +9 -10
- package/dist/collection/components/tab-button/tab-button.ionic.css +19 -8
- package/dist/collection/components/tab-button/tab-button.ios.css +5 -5
- package/dist/collection/components/tab-button/tab-button.md.css +5 -5
- package/dist/collection/components/textarea/textarea.ionic.css +39 -88
- package/dist/collection/components/textarea/textarea.ios.css +115 -88
- package/dist/collection/components/textarea/textarea.md.css +115 -88
- package/dist/collection/components/toast/toast.ionic.css +2 -12
- package/dist/collection/components/toast/toast.ios.css +10 -10
- package/dist/collection/components/toast/toast.md.css +10 -10
- package/dist/collection/components/toggle/toggle.ionic.css +0 -4
- package/dist/collection/components/toggle/toggle.ios.css +4 -4
- package/dist/collection/components/toggle/toggle.md.css +4 -4
- package/dist/docs.json +1 -13
- package/dist/esm/ion-accordion_2.entry.js +2 -2
- package/dist/esm/ion-avatar_3.entry.js +4 -4
- package/dist/esm/ion-backdrop.entry.js +3 -3
- package/dist/esm/ion-button_2.entry.js +3 -3
- package/dist/esm/ion-chip.entry.js +1 -1
- package/dist/esm/ion-input-password-toggle.entry.js +5 -5
- package/dist/esm/ion-input.entry.js +1 -1
- package/dist/esm/ion-item-option_3.entry.js +6 -6
- package/dist/esm/ion-item_8.entry.js +4 -4
- package/dist/esm/ion-modal.entry.js +3 -3
- package/dist/esm/ion-progress-bar.entry.js +3 -3
- package/dist/esm/ion-range.entry.js +1 -1
- package/dist/esm/ion-ripple-effect.entry.js +1 -1
- package/dist/esm/ion-searchbar.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +3 -3
- package/dist/esm/ion-spinner.entry.js +5 -5
- package/dist/esm/ion-tab-bar_2.entry.js +3 -3
- package/dist/esm/ion-textarea.entry.js +3 -3
- package/dist/esm/ion-toast.entry.js +3 -3
- package/dist/esm/ion-toggle.entry.js +3 -3
- package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
- package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
- package/dist/esm-es5/ion-backdrop.entry.js +1 -1
- package/dist/esm-es5/ion-button_2.entry.js +1 -1
- package/dist/esm-es5/ion-chip.entry.js +1 -1
- package/dist/esm-es5/ion-input-password-toggle.entry.js +1 -1
- package/dist/esm-es5/ion-input.entry.js +1 -1
- package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
- package/dist/esm-es5/ion-searchbar.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-spinner.entry.js +1 -1
- package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
- package/dist/esm-es5/ion-textarea.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/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-2d1ea225.entry.js → p-09072d3b.entry.js} +1 -1
- package/dist/ionic/p-0d297574.system.entry.js +4 -0
- package/dist/ionic/p-246e6dc5.entry.js +4 -0
- package/dist/ionic/p-25679df9.system.entry.js +4 -0
- package/dist/ionic/p-259dcfa3.entry.js +4 -0
- package/dist/ionic/p-2d8cc8b4.entry.js +4 -0
- package/dist/ionic/p-350e4850.system.entry.js +4 -0
- package/dist/ionic/p-3533c471.system.entry.js +4 -0
- package/dist/ionic/p-3824cffd.entry.js +4 -0
- package/dist/ionic/p-3b98dd61.system.entry.js +4 -0
- package/dist/ionic/p-436bfcc9.system.entry.js +4 -0
- package/dist/ionic/p-43d6a02c.system.entry.js +4 -0
- package/dist/ionic/p-44b1fefc.entry.js +4 -0
- package/dist/ionic/p-4a767053.entry.js +4 -0
- package/dist/ionic/p-7c6f71eb.entry.js +4 -0
- package/dist/ionic/p-7cf8fbdc.system.entry.js +4 -0
- package/dist/ionic/p-8402b59e.system.entry.js +4 -0
- package/dist/ionic/p-840f1c59.entry.js +4 -0
- package/dist/ionic/p-84ac0a34.system.entry.js +4 -0
- package/dist/ionic/p-85c7c591.system.entry.js +4 -0
- package/dist/ionic/{p-1d8a608c.entry.js → p-88aa79f6.entry.js} +1 -1
- package/dist/ionic/{p-1091cdb9.entry.js → p-9d513c26.entry.js} +1 -1
- package/dist/ionic/{p-f724434e.system.entry.js → p-a1d0ee0b.system.entry.js} +1 -1
- package/dist/ionic/p-a569fc14.system.entry.js +4 -0
- package/dist/ionic/p-a6a71315.entry.js +4 -0
- package/dist/ionic/p-aba2d55f.system.entry.js +4 -0
- package/dist/ionic/p-b79a47ba.entry.js +4 -0
- package/dist/ionic/p-ba992f31.system.entry.js +4 -0
- package/dist/ionic/p-c0b7f342.entry.js +4 -0
- package/dist/ionic/p-c18ffa8b.entry.js +4 -0
- package/dist/ionic/p-c1e7dbd4.system.entry.js +4 -0
- package/dist/ionic/p-c847b24b.system.entry.js +4 -0
- package/dist/ionic/{p-30c3101d.entry.js → p-c9481069.entry.js} +1 -1
- package/dist/ionic/{p-0407e81b.entry.js → p-ccb71d99.entry.js} +1 -1
- package/dist/ionic/p-d2314315.system.entry.js +4 -0
- package/dist/ionic/p-db8ffacb.system.js +1 -1
- package/dist/ionic/p-dfb63dc2.system.entry.js +4 -0
- package/dist/ionic/p-e09bb245.system.entry.js +4 -0
- package/dist/ionic/p-f6a03670.entry.js +4 -0
- package/dist/ionic/p-fb3ce1f1.entry.js +4 -0
- package/dist/ionic/p-fec23a6f.entry.js +4 -0
- package/hydrate/index.js +58 -58
- package/hydrate/index.mjs +58 -58
- package/package.json +1 -1
- package/dist/ionic/p-049c8d2a.entry.js +0 -4
- package/dist/ionic/p-106d1261.system.entry.js +0 -4
- package/dist/ionic/p-14405618.system.entry.js +0 -4
- package/dist/ionic/p-226163dd.system.entry.js +0 -4
- package/dist/ionic/p-25de2d08.entry.js +0 -4
- package/dist/ionic/p-36ac0bd0.system.entry.js +0 -4
- package/dist/ionic/p-36e022e5.system.entry.js +0 -4
- package/dist/ionic/p-4bad1784.system.entry.js +0 -4
- package/dist/ionic/p-4c3e0fde.system.entry.js +0 -4
- package/dist/ionic/p-4e5e464b.entry.js +0 -4
- package/dist/ionic/p-4eab42bc.entry.js +0 -4
- package/dist/ionic/p-4ee9dc7a.entry.js +0 -4
- package/dist/ionic/p-519dbeb4.entry.js +0 -4
- package/dist/ionic/p-537e7cdc.system.entry.js +0 -4
- package/dist/ionic/p-5396aa22.system.entry.js +0 -4
- package/dist/ionic/p-65c2b2b1.entry.js +0 -4
- package/dist/ionic/p-660800ad.entry.js +0 -4
- package/dist/ionic/p-7c2fc007.system.entry.js +0 -4
- package/dist/ionic/p-7f74d4fc.system.entry.js +0 -4
- package/dist/ionic/p-895adf4d.system.entry.js +0 -4
- package/dist/ionic/p-8befed6f.entry.js +0 -4
- package/dist/ionic/p-8d3c124a.entry.js +0 -4
- package/dist/ionic/p-95039c8b.entry.js +0 -4
- package/dist/ionic/p-a212bcac.entry.js +0 -4
- package/dist/ionic/p-a929d40a.entry.js +0 -4
- package/dist/ionic/p-af4d0e38.system.entry.js +0 -4
- package/dist/ionic/p-b7f022cd.system.entry.js +0 -4
- package/dist/ionic/p-b852ead6.system.entry.js +0 -4
- package/dist/ionic/p-c41441ce.system.entry.js +0 -4
- package/dist/ionic/p-c595e718.system.entry.js +0 -4
- package/dist/ionic/p-caf65cd8.system.entry.js +0 -4
- package/dist/ionic/p-e119d90e.entry.js +0 -4
- package/dist/ionic/p-ebe9ec08.system.entry.js +0 -4
- package/dist/ionic/p-fd806579.entry.js +0 -4
- /package/dist/collection/components/input-password-toggle/{input-password-toggle.common.css → input-password-toggle.native.css} +0 -0
|
@@ -61,45 +61,6 @@ Do not edit directly, this file was auto-generated.
|
|
|
61
61
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
62
62
|
* convert to a unit other than $baselineUnit.
|
|
63
63
|
*/
|
|
64
|
-
/**
|
|
65
|
-
* Convert a pixels given value into rem
|
|
66
|
-
*
|
|
67
|
-
* @param pixels - Value in pixels to be converted (i.e. px)
|
|
68
|
-
* @param context (optional) - Baseline value
|
|
69
|
-
*/
|
|
70
|
-
/**
|
|
71
|
-
* Convert a font size to a dynamic font size.
|
|
72
|
-
* Fonts that participate in Dynamic Type should use
|
|
73
|
-
* dynamic font sizes.
|
|
74
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
75
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
76
|
-
* convert to a unit other than $baselineUnit.
|
|
77
|
-
*/
|
|
78
|
-
/**
|
|
79
|
-
* Convert a font size to a dynamic font size but impose
|
|
80
|
-
* a maximum font size.
|
|
81
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
82
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
83
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
84
|
-
* convert to a unit other than $baselineUnit.
|
|
85
|
-
*/
|
|
86
|
-
/**
|
|
87
|
-
* Convert a font size to a dynamic font size but impose
|
|
88
|
-
* a minimum font size.
|
|
89
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
90
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
91
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
92
|
-
* convert to a unit other than $baselineUnit.
|
|
93
|
-
*/
|
|
94
|
-
/**
|
|
95
|
-
* Convert a font size to a dynamic font size but impose
|
|
96
|
-
* maximum and minimum font sizes.
|
|
97
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
98
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
99
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
100
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
101
|
-
* convert to a unit other than $baselineUnit.
|
|
102
|
-
*/
|
|
103
64
|
/**
|
|
104
65
|
* A heuristic that applies CSS to tablet
|
|
105
66
|
* viewports.
|
|
@@ -132,7 +93,6 @@ ion-item-options {
|
|
|
132
93
|
position: absolute;
|
|
133
94
|
height: 100%;
|
|
134
95
|
user-select: none;
|
|
135
|
-
z-index: 1;
|
|
136
96
|
}
|
|
137
97
|
:host-context([dir=rtl]) ion-item-options {
|
|
138
98
|
justify-content: flex-start;
|
|
@@ -227,6 +187,10 @@ ion-item-options {
|
|
|
227
187
|
visibility: visible;
|
|
228
188
|
}
|
|
229
189
|
|
|
190
|
+
ion-item-options {
|
|
191
|
+
z-index: 1;
|
|
192
|
+
}
|
|
193
|
+
|
|
230
194
|
.item-options-ionic {
|
|
231
195
|
align-items: center;
|
|
232
196
|
background: var(--ion-primitives-base-white, #ffffff);
|
|
@@ -1,42 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Convert a pixels given value into rem
|
|
3
|
-
*
|
|
4
|
-
* @param pixels - Value in pixels to be converted (i.e. px)
|
|
5
|
-
* @param context (optional) - Baseline value
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* Convert a font size to a dynamic font size.
|
|
9
|
-
* Fonts that participate in Dynamic Type should use
|
|
10
|
-
* dynamic font sizes.
|
|
11
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
12
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
13
|
-
* convert to a unit other than $baselineUnit.
|
|
14
|
-
*/
|
|
15
|
-
/**
|
|
16
|
-
* Convert a font size to a dynamic font size but impose
|
|
17
|
-
* a maximum font size.
|
|
18
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
19
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
20
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
21
|
-
* convert to a unit other than $baselineUnit.
|
|
22
|
-
*/
|
|
23
|
-
/**
|
|
24
|
-
* Convert a font size to a dynamic font size but impose
|
|
25
|
-
* a minimum font size.
|
|
26
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
27
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
28
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
29
|
-
* convert to a unit other than $baselineUnit.
|
|
30
|
-
*/
|
|
31
|
-
/**
|
|
32
|
-
* Convert a font size to a dynamic font size but impose
|
|
33
|
-
* maximum and minimum font sizes.
|
|
34
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
35
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
36
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
37
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
38
|
-
* convert to a unit other than $baselineUnit.
|
|
39
|
-
*/
|
|
40
1
|
/**
|
|
41
2
|
* A heuristic that applies CSS to tablet
|
|
42
3
|
* viewports.
|
|
@@ -69,7 +30,6 @@ ion-item-options {
|
|
|
69
30
|
position: absolute;
|
|
70
31
|
height: 100%;
|
|
71
32
|
user-select: none;
|
|
72
|
-
z-index: 1;
|
|
73
33
|
}
|
|
74
34
|
:host-context([dir=rtl]) ion-item-options {
|
|
75
35
|
justify-content: flex-start;
|
|
@@ -164,6 +124,71 @@ ion-item-options {
|
|
|
164
124
|
visibility: visible;
|
|
165
125
|
}
|
|
166
126
|
|
|
127
|
+
/**
|
|
128
|
+
* Convert a pixels given value into rem
|
|
129
|
+
*
|
|
130
|
+
* @param pixels - Value in pixels to be converted (i.e. px)
|
|
131
|
+
* @param context (optional) - Baseline value
|
|
132
|
+
*/
|
|
133
|
+
/**
|
|
134
|
+
* Convert a font size to a dynamic font size.
|
|
135
|
+
* Fonts that participate in Dynamic Type should use
|
|
136
|
+
* dynamic font sizes.
|
|
137
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
138
|
+
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
139
|
+
* convert to a unit other than $baselineUnit.
|
|
140
|
+
*/
|
|
141
|
+
/**
|
|
142
|
+
* Convert a font size to a dynamic font size but impose
|
|
143
|
+
* a maximum font size.
|
|
144
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
145
|
+
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
146
|
+
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
147
|
+
* convert to a unit other than $baselineUnit.
|
|
148
|
+
*/
|
|
149
|
+
/**
|
|
150
|
+
* Convert a font size to a dynamic font size but impose
|
|
151
|
+
* a minimum font size.
|
|
152
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
153
|
+
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
154
|
+
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
155
|
+
* convert to a unit other than $baselineUnit.
|
|
156
|
+
*/
|
|
157
|
+
/**
|
|
158
|
+
* Convert a font size to a dynamic font size but impose
|
|
159
|
+
* maximum and minimum font sizes.
|
|
160
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
161
|
+
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
162
|
+
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
163
|
+
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
164
|
+
* convert to a unit other than $baselineUnit.
|
|
165
|
+
*/
|
|
166
|
+
/**
|
|
167
|
+
* A heuristic that applies CSS to tablet
|
|
168
|
+
* viewports.
|
|
169
|
+
*
|
|
170
|
+
* Usage:
|
|
171
|
+
* @include tablet-viewport() {
|
|
172
|
+
* :host {
|
|
173
|
+
* background-color: green;
|
|
174
|
+
* }
|
|
175
|
+
* }
|
|
176
|
+
*/
|
|
177
|
+
/**
|
|
178
|
+
* A heuristic that applies CSS to mobile
|
|
179
|
+
* viewports (i.e. phones, not tablets).
|
|
180
|
+
*
|
|
181
|
+
* Usage:
|
|
182
|
+
* @include mobile-viewport() {
|
|
183
|
+
* :host {
|
|
184
|
+
* background-color: blue;
|
|
185
|
+
* }
|
|
186
|
+
* }
|
|
187
|
+
*/
|
|
188
|
+
ion-item-options {
|
|
189
|
+
z-index: 1;
|
|
190
|
+
}
|
|
191
|
+
|
|
167
192
|
/**
|
|
168
193
|
* Convert a pixels given value into rem
|
|
169
194
|
*
|
|
@@ -1,42 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Convert a pixels given value into rem
|
|
3
|
-
*
|
|
4
|
-
* @param pixels - Value in pixels to be converted (i.e. px)
|
|
5
|
-
* @param context (optional) - Baseline value
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* Convert a font size to a dynamic font size.
|
|
9
|
-
* Fonts that participate in Dynamic Type should use
|
|
10
|
-
* dynamic font sizes.
|
|
11
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
12
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
13
|
-
* convert to a unit other than $baselineUnit.
|
|
14
|
-
*/
|
|
15
|
-
/**
|
|
16
|
-
* Convert a font size to a dynamic font size but impose
|
|
17
|
-
* a maximum font size.
|
|
18
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
19
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
20
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
21
|
-
* convert to a unit other than $baselineUnit.
|
|
22
|
-
*/
|
|
23
|
-
/**
|
|
24
|
-
* Convert a font size to a dynamic font size but impose
|
|
25
|
-
* a minimum font size.
|
|
26
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
27
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
28
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
29
|
-
* convert to a unit other than $baselineUnit.
|
|
30
|
-
*/
|
|
31
|
-
/**
|
|
32
|
-
* Convert a font size to a dynamic font size but impose
|
|
33
|
-
* maximum and minimum font sizes.
|
|
34
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
35
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
36
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
37
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
38
|
-
* convert to a unit other than $baselineUnit.
|
|
39
|
-
*/
|
|
40
1
|
/**
|
|
41
2
|
* A heuristic that applies CSS to tablet
|
|
42
3
|
* viewports.
|
|
@@ -69,7 +30,6 @@ ion-item-options {
|
|
|
69
30
|
position: absolute;
|
|
70
31
|
height: 100%;
|
|
71
32
|
user-select: none;
|
|
72
|
-
z-index: 1;
|
|
73
33
|
}
|
|
74
34
|
:host-context([dir=rtl]) ion-item-options {
|
|
75
35
|
justify-content: flex-start;
|
|
@@ -164,6 +124,71 @@ ion-item-options {
|
|
|
164
124
|
visibility: visible;
|
|
165
125
|
}
|
|
166
126
|
|
|
127
|
+
/**
|
|
128
|
+
* Convert a pixels given value into rem
|
|
129
|
+
*
|
|
130
|
+
* @param pixels - Value in pixels to be converted (i.e. px)
|
|
131
|
+
* @param context (optional) - Baseline value
|
|
132
|
+
*/
|
|
133
|
+
/**
|
|
134
|
+
* Convert a font size to a dynamic font size.
|
|
135
|
+
* Fonts that participate in Dynamic Type should use
|
|
136
|
+
* dynamic font sizes.
|
|
137
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
138
|
+
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
139
|
+
* convert to a unit other than $baselineUnit.
|
|
140
|
+
*/
|
|
141
|
+
/**
|
|
142
|
+
* Convert a font size to a dynamic font size but impose
|
|
143
|
+
* a maximum font size.
|
|
144
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
145
|
+
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
146
|
+
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
147
|
+
* convert to a unit other than $baselineUnit.
|
|
148
|
+
*/
|
|
149
|
+
/**
|
|
150
|
+
* Convert a font size to a dynamic font size but impose
|
|
151
|
+
* a minimum font size.
|
|
152
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
153
|
+
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
154
|
+
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
155
|
+
* convert to a unit other than $baselineUnit.
|
|
156
|
+
*/
|
|
157
|
+
/**
|
|
158
|
+
* Convert a font size to a dynamic font size but impose
|
|
159
|
+
* maximum and minimum font sizes.
|
|
160
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
161
|
+
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
162
|
+
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
163
|
+
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
164
|
+
* convert to a unit other than $baselineUnit.
|
|
165
|
+
*/
|
|
166
|
+
/**
|
|
167
|
+
* A heuristic that applies CSS to tablet
|
|
168
|
+
* viewports.
|
|
169
|
+
*
|
|
170
|
+
* Usage:
|
|
171
|
+
* @include tablet-viewport() {
|
|
172
|
+
* :host {
|
|
173
|
+
* background-color: green;
|
|
174
|
+
* }
|
|
175
|
+
* }
|
|
176
|
+
*/
|
|
177
|
+
/**
|
|
178
|
+
* A heuristic that applies CSS to mobile
|
|
179
|
+
* viewports (i.e. phones, not tablets).
|
|
180
|
+
*
|
|
181
|
+
* Usage:
|
|
182
|
+
* @include mobile-viewport() {
|
|
183
|
+
* :host {
|
|
184
|
+
* background-color: blue;
|
|
185
|
+
* }
|
|
186
|
+
* }
|
|
187
|
+
*/
|
|
188
|
+
ion-item-options {
|
|
189
|
+
z-index: 1;
|
|
190
|
+
}
|
|
191
|
+
|
|
167
192
|
/**
|
|
168
193
|
* Convert a pixels given value into rem
|
|
169
194
|
*
|
|
@@ -61,6 +61,28 @@ Do not edit directly, this file was auto-generated.
|
|
|
61
61
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
62
62
|
* convert to a unit other than $baselineUnit.
|
|
63
63
|
*/
|
|
64
|
+
/**
|
|
65
|
+
* A heuristic that applies CSS to tablet
|
|
66
|
+
* viewports.
|
|
67
|
+
*
|
|
68
|
+
* Usage:
|
|
69
|
+
* @include tablet-viewport() {
|
|
70
|
+
* :host {
|
|
71
|
+
* background-color: green;
|
|
72
|
+
* }
|
|
73
|
+
* }
|
|
74
|
+
*/
|
|
75
|
+
/**
|
|
76
|
+
* A heuristic that applies CSS to mobile
|
|
77
|
+
* viewports (i.e. phones, not tablets).
|
|
78
|
+
*
|
|
79
|
+
* Usage:
|
|
80
|
+
* @include mobile-viewport() {
|
|
81
|
+
* :host {
|
|
82
|
+
* background-color: blue;
|
|
83
|
+
* }
|
|
84
|
+
* }
|
|
85
|
+
*/
|
|
64
86
|
ion-list {
|
|
65
87
|
margin-left: 0;
|
|
66
88
|
margin-right: 0;
|
|
@@ -1,3 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A heuristic that applies CSS to tablet
|
|
3
|
+
* viewports.
|
|
4
|
+
*
|
|
5
|
+
* Usage:
|
|
6
|
+
* @include tablet-viewport() {
|
|
7
|
+
* :host {
|
|
8
|
+
* background-color: green;
|
|
9
|
+
* }
|
|
10
|
+
* }
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* A heuristic that applies CSS to mobile
|
|
14
|
+
* viewports (i.e. phones, not tablets).
|
|
15
|
+
*
|
|
16
|
+
* Usage:
|
|
17
|
+
* @include mobile-viewport() {
|
|
18
|
+
* :host {
|
|
19
|
+
* background-color: blue;
|
|
20
|
+
* }
|
|
21
|
+
* }
|
|
22
|
+
*/
|
|
23
|
+
ion-list {
|
|
24
|
+
margin-left: 0;
|
|
25
|
+
margin-right: 0;
|
|
26
|
+
margin-top: 0;
|
|
27
|
+
margin-bottom: 0;
|
|
28
|
+
padding-left: 0;
|
|
29
|
+
padding-right: 0;
|
|
30
|
+
padding-top: 0;
|
|
31
|
+
padding-bottom: 0;
|
|
32
|
+
display: block;
|
|
33
|
+
contain: content;
|
|
34
|
+
list-style-type: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
1
37
|
/**
|
|
2
38
|
* Convert a pixels given value into rem
|
|
3
39
|
*
|
|
@@ -59,20 +95,6 @@
|
|
|
59
95
|
* }
|
|
60
96
|
* }
|
|
61
97
|
*/
|
|
62
|
-
ion-list {
|
|
63
|
-
margin-left: 0;
|
|
64
|
-
margin-right: 0;
|
|
65
|
-
margin-top: 0;
|
|
66
|
-
margin-bottom: 0;
|
|
67
|
-
padding-left: 0;
|
|
68
|
-
padding-right: 0;
|
|
69
|
-
padding-top: 0;
|
|
70
|
-
padding-bottom: 0;
|
|
71
|
-
display: block;
|
|
72
|
-
contain: content;
|
|
73
|
-
list-style-type: none;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
98
|
ion-list.list-inset {
|
|
77
99
|
transform: translateZ(0);
|
|
78
100
|
overflow: hidden;
|
|
@@ -1,3 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A heuristic that applies CSS to tablet
|
|
3
|
+
* viewports.
|
|
4
|
+
*
|
|
5
|
+
* Usage:
|
|
6
|
+
* @include tablet-viewport() {
|
|
7
|
+
* :host {
|
|
8
|
+
* background-color: green;
|
|
9
|
+
* }
|
|
10
|
+
* }
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* A heuristic that applies CSS to mobile
|
|
14
|
+
* viewports (i.e. phones, not tablets).
|
|
15
|
+
*
|
|
16
|
+
* Usage:
|
|
17
|
+
* @include mobile-viewport() {
|
|
18
|
+
* :host {
|
|
19
|
+
* background-color: blue;
|
|
20
|
+
* }
|
|
21
|
+
* }
|
|
22
|
+
*/
|
|
23
|
+
ion-list {
|
|
24
|
+
margin-left: 0;
|
|
25
|
+
margin-right: 0;
|
|
26
|
+
margin-top: 0;
|
|
27
|
+
margin-bottom: 0;
|
|
28
|
+
padding-left: 0;
|
|
29
|
+
padding-right: 0;
|
|
30
|
+
padding-top: 0;
|
|
31
|
+
padding-bottom: 0;
|
|
32
|
+
display: block;
|
|
33
|
+
contain: content;
|
|
34
|
+
list-style-type: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
1
37
|
/**
|
|
2
38
|
* Convert a pixels given value into rem
|
|
3
39
|
*
|
|
@@ -59,20 +95,6 @@
|
|
|
59
95
|
* }
|
|
60
96
|
* }
|
|
61
97
|
*/
|
|
62
|
-
ion-list {
|
|
63
|
-
margin-left: 0;
|
|
64
|
-
margin-right: 0;
|
|
65
|
-
margin-top: 0;
|
|
66
|
-
margin-bottom: 0;
|
|
67
|
-
padding-left: 0;
|
|
68
|
-
padding-right: 0;
|
|
69
|
-
padding-top: 0;
|
|
70
|
-
padding-bottom: 0;
|
|
71
|
-
display: block;
|
|
72
|
-
contain: content;
|
|
73
|
-
list-style-type: none;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
98
|
ion-list.list-inset {
|
|
77
99
|
transform: translateZ(0);
|
|
78
100
|
overflow: hidden;
|
|
@@ -61,45 +61,6 @@ Do not edit directly, this file was auto-generated.
|
|
|
61
61
|
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
62
62
|
* convert to a unit other than $baselineUnit.
|
|
63
63
|
*/
|
|
64
|
-
/**
|
|
65
|
-
* Convert a pixels given value into rem
|
|
66
|
-
*
|
|
67
|
-
* @param pixels - Value in pixels to be converted (i.e. px)
|
|
68
|
-
* @param context (optional) - Baseline value
|
|
69
|
-
*/
|
|
70
|
-
/**
|
|
71
|
-
* Convert a font size to a dynamic font size.
|
|
72
|
-
* Fonts that participate in Dynamic Type should use
|
|
73
|
-
* dynamic font sizes.
|
|
74
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
75
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
76
|
-
* convert to a unit other than $baselineUnit.
|
|
77
|
-
*/
|
|
78
|
-
/**
|
|
79
|
-
* Convert a font size to a dynamic font size but impose
|
|
80
|
-
* a maximum font size.
|
|
81
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
82
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
83
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
84
|
-
* convert to a unit other than $baselineUnit.
|
|
85
|
-
*/
|
|
86
|
-
/**
|
|
87
|
-
* Convert a font size to a dynamic font size but impose
|
|
88
|
-
* a minimum font size.
|
|
89
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
90
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
91
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
92
|
-
* convert to a unit other than $baselineUnit.
|
|
93
|
-
*/
|
|
94
|
-
/**
|
|
95
|
-
* Convert a font size to a dynamic font size but impose
|
|
96
|
-
* maximum and minimum font sizes.
|
|
97
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
98
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
99
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
100
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
101
|
-
* convert to a unit other than $baselineUnit.
|
|
102
|
-
*/
|
|
103
64
|
/**
|
|
104
65
|
* A heuristic that applies CSS to tablet
|
|
105
66
|
* viewports.
|
|
@@ -159,11 +120,6 @@ Do not edit directly, this file was auto-generated.
|
|
|
159
120
|
overflow: hidden;
|
|
160
121
|
}
|
|
161
122
|
|
|
162
|
-
:host(.ion-color) {
|
|
163
|
-
background: var(--ion-color-base);
|
|
164
|
-
color: var(--ion-color-contrast);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
123
|
.list-header-inner {
|
|
168
124
|
display: flex;
|
|
169
125
|
position: relative;
|
|
@@ -202,7 +158,7 @@ Do not edit directly, this file was auto-generated.
|
|
|
202
158
|
line-height: var(--ion-font-line-height-600, 24px);
|
|
203
159
|
text-decoration: none;
|
|
204
160
|
text-transform: none;
|
|
205
|
-
min-height:
|
|
161
|
+
min-height: calc(var(--ion-scale-1400, 56px) + var(--ion-scale-050, 2px));
|
|
206
162
|
/**
|
|
207
163
|
* The focus rings from components like buttons and links
|
|
208
164
|
* are being cut off. This style ensures that the focus ring
|
|
@@ -226,11 +182,11 @@ Do not edit directly, this file was auto-generated.
|
|
|
226
182
|
}
|
|
227
183
|
}
|
|
228
184
|
|
|
229
|
-
|
|
230
|
-
|
|
185
|
+
:host(.ion-color) {
|
|
186
|
+
background: current-color(base);
|
|
187
|
+
color: current-color(contrast);
|
|
231
188
|
}
|
|
232
189
|
|
|
233
|
-
::slotted(
|
|
234
|
-
|
|
235
|
-
color: var(--ion-semantics-primary-base, #105cef) !important;
|
|
190
|
+
::slotted(ion-label) ::slotted(p) {
|
|
191
|
+
font-weight: var(--ion-font-weight-regular, 400);
|
|
236
192
|
}
|
|
@@ -1,42 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Convert a pixels given value into rem
|
|
3
|
-
*
|
|
4
|
-
* @param pixels - Value in pixels to be converted (i.e. px)
|
|
5
|
-
* @param context (optional) - Baseline value
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* Convert a font size to a dynamic font size.
|
|
9
|
-
* Fonts that participate in Dynamic Type should use
|
|
10
|
-
* dynamic font sizes.
|
|
11
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
12
|
-
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
13
|
-
* convert to a unit other than $baselineUnit.
|
|
14
|
-
*/
|
|
15
|
-
/**
|
|
16
|
-
* Convert a font size to a dynamic font size but impose
|
|
17
|
-
* a maximum font size.
|
|
18
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
19
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
20
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
21
|
-
* convert to a unit other than $baselineUnit.
|
|
22
|
-
*/
|
|
23
|
-
/**
|
|
24
|
-
* Convert a font size to a dynamic font size but impose
|
|
25
|
-
* a minimum font size.
|
|
26
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
27
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
28
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
29
|
-
* convert to a unit other than $baselineUnit.
|
|
30
|
-
*/
|
|
31
|
-
/**
|
|
32
|
-
* Convert a font size to a dynamic font size but impose
|
|
33
|
-
* maximum and minimum font sizes.
|
|
34
|
-
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
35
|
-
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
36
|
-
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
37
|
-
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
38
|
-
* convert to a unit other than $baselineUnit.
|
|
39
|
-
*/
|
|
40
1
|
/**
|
|
41
2
|
* A heuristic that applies CSS to tablet
|
|
42
3
|
* viewports.
|
|
@@ -96,11 +57,6 @@
|
|
|
96
57
|
overflow: hidden;
|
|
97
58
|
}
|
|
98
59
|
|
|
99
|
-
:host(.ion-color) {
|
|
100
|
-
background: var(--ion-color-base);
|
|
101
|
-
color: var(--ion-color-contrast);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
60
|
.list-header-inner {
|
|
105
61
|
display: flex;
|
|
106
62
|
position: relative;
|
|
@@ -130,6 +86,76 @@
|
|
|
130
86
|
--inner-border-width: 0;
|
|
131
87
|
}
|
|
132
88
|
|
|
89
|
+
/**
|
|
90
|
+
* Convert a pixels given value into rem
|
|
91
|
+
*
|
|
92
|
+
* @param pixels - Value in pixels to be converted (i.e. px)
|
|
93
|
+
* @param context (optional) - Baseline value
|
|
94
|
+
*/
|
|
95
|
+
/**
|
|
96
|
+
* Convert a font size to a dynamic font size.
|
|
97
|
+
* Fonts that participate in Dynamic Type should use
|
|
98
|
+
* dynamic font sizes.
|
|
99
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
100
|
+
* @param unit (optional) - The unit to convert to. Use this if you want to
|
|
101
|
+
* convert to a unit other than $baselineUnit.
|
|
102
|
+
*/
|
|
103
|
+
/**
|
|
104
|
+
* Convert a font size to a dynamic font size but impose
|
|
105
|
+
* a maximum font size.
|
|
106
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
107
|
+
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
108
|
+
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
109
|
+
* convert to a unit other than $baselineUnit.
|
|
110
|
+
*/
|
|
111
|
+
/**
|
|
112
|
+
* Convert a font size to a dynamic font size but impose
|
|
113
|
+
* a minimum font size.
|
|
114
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
115
|
+
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
116
|
+
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
117
|
+
* convert to a unit other than $baselineUnit.
|
|
118
|
+
*/
|
|
119
|
+
/**
|
|
120
|
+
* Convert a font size to a dynamic font size but impose
|
|
121
|
+
* maximum and minimum font sizes.
|
|
122
|
+
* @param size - The initial font size including the unit (i.e. px or pt)
|
|
123
|
+
* @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).
|
|
124
|
+
* @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).
|
|
125
|
+
* @param unit (optional) - The unit to convert the initial font size to. Use this if you want to
|
|
126
|
+
* convert to a unit other than $baselineUnit.
|
|
127
|
+
*/
|
|
128
|
+
/**
|
|
129
|
+
* A heuristic that applies CSS to tablet
|
|
130
|
+
* viewports.
|
|
131
|
+
*
|
|
132
|
+
* Usage:
|
|
133
|
+
* @include tablet-viewport() {
|
|
134
|
+
* :host {
|
|
135
|
+
* background-color: green;
|
|
136
|
+
* }
|
|
137
|
+
* }
|
|
138
|
+
*/
|
|
139
|
+
/**
|
|
140
|
+
* A heuristic that applies CSS to mobile
|
|
141
|
+
* viewports (i.e. phones, not tablets).
|
|
142
|
+
*
|
|
143
|
+
* Usage:
|
|
144
|
+
* @include mobile-viewport() {
|
|
145
|
+
* :host {
|
|
146
|
+
* background-color: blue;
|
|
147
|
+
* }
|
|
148
|
+
* }
|
|
149
|
+
*/
|
|
150
|
+
:host {
|
|
151
|
+
min-height: 40px;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
:host(.ion-color) {
|
|
155
|
+
background: var(--ion-color-base);
|
|
156
|
+
color: var(--ion-color-contrast);
|
|
157
|
+
}
|
|
158
|
+
|
|
133
159
|
/**
|
|
134
160
|
* Convert a pixels given value into rem
|
|
135
161
|
*
|