UNPKG

4.6 kBSCSSView Raw
1// ! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css
2
3
4// HTML5 display definitions
5// ==========================================================================
6
7// 1. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
8audio,
9canvas,
10progress,
11video {
12 vertical-align: baseline; // 1
13}
14
15// Prevent modern browsers from displaying `audio` without controls.
16// Remove excess height in iOS 5 devices.
17audio:not([controls]) {
18 display: none;
19
20 height: 0;
21}
22
23
24// Text-level semantics
25// ==========================================================================
26
27// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
28b,
29strong {
30 font-weight: bold;
31}
32
33
34// Embedded content
35// ==========================================================================
36
37// Remove border when inside `a` element in IE 8/9/10.
38img {
39 max-width: 100%;
40
41 border: 0;
42}
43
44// Correct overflow not hidden in IE 9/10/11.
45svg:not(:root) {
46 overflow: hidden;
47}
48
49
50// Grouping content
51// ==========================================================================
52
53// Address margin not present in IE 8/9 and Safari.
54figure {
55 margin: 1em 40px;
56}
57
58hr {
59 height: 1px;
60
61 border-width: 0;
62
63 box-sizing: content-box;
64}
65
66// Contain overflow in all browsers.
67pre {
68 overflow: auto;
69}
70
71// Address odd `em`-unit font size rendering in all browsers.
72code,
73kbd,
74pre,
75samp {
76 font-family: monospace, monospace;
77 font-size: 1em;
78}
79
80
81// Forms
82// ==========================================================================
83
84// Known limitation: by default, Chrome and Safari on OS X allow very limited
85// styling of `select`, unless a `border` property is set.
86
87// 1. Correct color not being inherited.
88// Known issue: affects color of disabled elements.
89// 2. Correct font properties not being inherited.
90// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
91//
92
93label,
94input,
95select,
96textarea {
97 font-family: inherit;
98 line-height: normal;
99}
100
101textarea {
102 overflow: auto;
103
104 height: auto;
105
106 font: inherit;
107 color: inherit;
108}
109
110textarea::placeholder {
111 padding-left: 2px;
112}
113
114form,
115input,
116optgroup,
117select {
118 margin: 0; // 3
119
120 font: inherit; // 2
121 color: inherit; // 1
122}
123
124// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
125// and `video` controls.
126// 2. Correct inability to style clickable `input` types in iOS.
127// 3. Improve usability and consistency of cursor style between image-type
128// `input` and others.
129html input[type="button"], // 1
130input[type="reset"],
131input[type="submit"] {
132 cursor: pointer; // 3
133
134 -webkit-appearance: button; // 2
135}
136
137// remove 300ms delay
138a,
139a div,
140a span,
141a ion-icon,
142a ion-label,
143button,
144button div,
145button span,
146button ion-icon,
147button ion-label,
148[tappable],
149[tappable] div,
150[tappable] span,
151[tappable] ion-icon,
152[tappable] ion-label,
153input,
154textarea {
155 touch-action: manipulation;
156}
157
158a ion-label,
159button ion-label {
160 pointer-events: none;
161}
162
163button {
164 border: 0;
165 font-family: inherit;
166 font-style: inherit;
167 font-variant: inherit;
168 line-height: 1;
169 text-transform: none;
170 cursor: pointer;
171
172 -webkit-appearance: button;
173}
174
175[tappable] {
176 cursor: pointer;
177}
178
179// Re-set default cursor for disabled elements.
180a[disabled],
181button[disabled],
182html input[disabled] {
183 cursor: default;
184}
185
186// Remove inner padding and border in Firefox 4+.
187button::-moz-focus-inner,
188input::-moz-focus-inner {
189 padding: 0;
190
191 border: 0;
192}
193
194// Firefox's implementation doesn't respect box-sizing, padding, or width.
195// 1. Address box sizing set to `content-box` in IE 8/9/10.
196// 2. Remove excess padding in IE 8/9/10.
197input[type="checkbox"],
198input[type="radio"] {
199 padding: 0; // 2
200
201 box-sizing: border-box; // 1
202}
203
204// Fix the cursor style for Chrome's increment/decrement buttons. For certain
205// `font-size` values of the `input`, it causes the cursor style of the
206// decrement button to change from `default` to `text`.
207input[type="number"]::-webkit-inner-spin-button,
208input[type="number"]::-webkit-outer-spin-button {
209 height: auto;
210}
211
212// Remove inner padding and search cancel button in Safari and Chrome on OS X.
213// Safari (but not Chrome) clips the cancel button when the search input has
214// padding (and `textfield` appearance).
215input[type="search"]::-webkit-search-cancel-button,
216input[type="search"]::-webkit-search-decoration {
217 -webkit-appearance: none;
218}
219
220
221// Tables
222// ==========================================================================//
223
224// Remove most spacing between table cells.
225table {
226 border-collapse: collapse;
227 border-spacing: 0;
228}
229
230td,
231th {
232 padding: 0;
233}