UNPKG

4.3 kBCSSView Raw
1audio,
2canvas,
3progress,
4video {
5 vertical-align: baseline;
6}
7
8audio:not([controls]) {
9 display: none;
10 height: 0;
11}
12
13b,
14strong {
15 font-weight: bold;
16}
17
18img {
19 max-width: 100%;
20 border: 0;
21}
22
23svg:not(:root) {
24 overflow: hidden;
25}
26
27figure {
28 margin: 1em 40px;
29}
30
31hr {
32 height: 1px;
33 border-width: 0;
34 box-sizing: content-box;
35}
36
37pre {
38 overflow: auto;
39}
40
41code,
42kbd,
43pre,
44samp {
45 font-family: monospace, monospace;
46 font-size: 1em;
47}
48
49label,
50input,
51select,
52textarea {
53 font-family: inherit;
54 line-height: normal;
55}
56
57textarea {
58 overflow: auto;
59 height: auto;
60 font: inherit;
61 color: inherit;
62}
63
64textarea::placeholder {
65 padding-left: 2px;
66}
67
68form,
69input,
70optgroup,
71select {
72 margin: 0;
73 font: inherit;
74 color: inherit;
75}
76
77html input[type=button],
78input[type=reset],
79input[type=submit] {
80 cursor: pointer;
81 -webkit-appearance: button;
82}
83
84a,
85a div,
86a span,
87a ion-icon,
88a ion-label,
89button,
90button div,
91button span,
92button ion-icon,
93button ion-label,
94.ion-tappable,
95[tappable],
96[tappable] div,
97[tappable] span,
98[tappable] ion-icon,
99[tappable] ion-label,
100input,
101textarea {
102 touch-action: manipulation;
103}
104
105a ion-label,
106button ion-label {
107 pointer-events: none;
108}
109
110button {
111 padding: 0;
112 border: 0;
113 border-radius: 0;
114 font-family: inherit;
115 font-style: inherit;
116 font-variant: inherit;
117 line-height: 1;
118 text-transform: none;
119 cursor: pointer;
120 -webkit-appearance: button;
121}
122
123[tappable] {
124 cursor: pointer;
125}
126
127a[disabled],
128button[disabled],
129html input[disabled] {
130 cursor: default;
131}
132
133button::-moz-focus-inner,
134input::-moz-focus-inner {
135 padding: 0;
136 border: 0;
137}
138
139input[type=checkbox],
140input[type=radio] {
141 padding: 0;
142 box-sizing: border-box;
143}
144
145input[type=number]::-webkit-inner-spin-button,
146input[type=number]::-webkit-outer-spin-button {
147 height: auto;
148}
149
150input[type=search]::-webkit-search-cancel-button,
151input[type=search]::-webkit-search-decoration {
152 -webkit-appearance: none;
153}
154
155table {
156 border-collapse: collapse;
157 border-spacing: 0;
158}
159
160td,
161th {
162 padding: 0;
163}
164
165* {
166 box-sizing: border-box;
167 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
168 -webkit-tap-highlight-color: transparent;
169 -webkit-touch-callout: none;
170}
171
172html {
173 width: 100%;
174 height: 100%;
175 text-size-adjust: 100%;
176}
177
178html:not(.hydrated) body {
179 display: none;
180}
181
182html.ion-ce body {
183 display: block;
184}
185
186html.plt-pwa {
187 height: 100vh;
188}
189
190body {
191 -moz-osx-font-smoothing: grayscale;
192 -webkit-font-smoothing: antialiased;
193 margin-left: 0;
194 margin-right: 0;
195 margin-top: 0;
196 margin-bottom: 0;
197 padding-left: 0;
198 padding-right: 0;
199 padding-top: 0;
200 padding-bottom: 0;
201 position: fixed;
202 width: 100%;
203 max-width: 100%;
204 height: 100%;
205 max-height: 100%;
206 /**
207 * Because body has position: fixed,
208 * it should be promoted to its own
209 * layer.
210 *
211 * WebKit does not always promote
212 * the body to its own layer on page
213 * load in Ionic apps. Once scrolling on
214 * ion-content starts, WebKit will promote
215 * body. Unfortunately, this causes a re-paint
216 * which results in scrolling being halted
217 * until the next user gesture.
218 *
219 * This impacts the Custom Elements build.
220 * The lazy loaded build causes the browser to
221 * re-paint during hydration which causes WebKit
222 * to promote body to its own layer.
223 * In the CE Build, this hydration does not
224 * happen, so the additional re-paint does not occur.
225 */
226 transform: translateZ(0);
227 text-rendering: optimizeLegibility;
228 overflow: hidden;
229 touch-action: manipulation;
230 -webkit-user-drag: none;
231 -ms-content-zooming: none;
232 word-wrap: break-word;
233 overscroll-behavior-y: none;
234 text-size-adjust: none;
235}
236
237html {
238 font-family: var(--ion-font-family);
239}
240
241a {
242 background-color: transparent;
243 color: var(--ion-color-primary, #3880ff);
244}
245
246h1,
247h2,
248h3,
249h4,
250h5,
251h6 {
252 margin-top: 16px;
253 margin-bottom: 10px;
254 font-weight: 500;
255 line-height: 1.2;
256}
257h1 {
258 margin-top: 20px;
259 font-size: 26px;
260}
261h2 {
262 margin-top: 18px;
263 font-size: 24px;
264}
265h3 {
266 font-size: 22px;
267}
268
269h4 {
270 font-size: 20px;
271}
272
273h5 {
274 font-size: 18px;
275}
276
277h6 {
278 font-size: 16px;
279}
280
281small {
282 font-size: 75%;
283}
284
285sub,
286sup {
287 position: relative;
288 font-size: 75%;
289 line-height: 0;
290 vertical-align: baseline;
291}
292
293sup {
294 top: -0.5em;
295}
296
297sub {
298 bottom: -0.25em;
299}
300
301/*# sourceMappingURL=global.bundle.css.map */