annotate css/normalize.css @ 23:3e21222edcfd

update for 3.0.0
author David Demelier <markand@malikania.fr>
date Fri, 16 Aug 2019 11:52:15 +0200
parents e49c41217e6e
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
22
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
1 /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
2
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
3 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
4 * 1. Change the default font family in all browsers (opinionated).
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
5 * 2. Correct the line height in all browsers.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
6 * 3. Prevent adjustments of font size after orientation changes in
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
7 * IE on Windows Phone and in iOS.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
8 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
9
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
10 /* Document
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
11 ========================================================================== */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
12
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
13 html {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
14 font-family: sans-serif; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
15 line-height: 1.15; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
16 -ms-text-size-adjust: 100%; /* 3 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
17 -webkit-text-size-adjust: 100%; /* 3 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
18 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
19
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
20 /* Sections
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
21 ========================================================================== */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
22
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
23 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
24 * Remove the margin in all browsers (opinionated).
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
25 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
26
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
27 body {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
28 margin: 0;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
29 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
30
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
31 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
32 * Add the correct display in IE 9-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
33 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
34
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
35 article,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
36 aside,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
37 footer,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
38 header,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
39 nav,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
40 section {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
41 display: block;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
42 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
43
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
44 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
45 * Correct the font size and margin on `h1` elements within `section` and
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
46 * `article` contexts in Chrome, Firefox, and Safari.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
47 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
48
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
49 h1 {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
50 font-size: 2em;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
51 margin: 0.67em 0;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
52 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
53
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
54 /* Grouping content
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
55 ========================================================================== */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
56
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
57 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
58 * Add the correct display in IE 9-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
59 * 1. Add the correct display in IE.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
60 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
61
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
62 figcaption,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
63 figure,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
64 main { /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
65 display: block;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
66 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
67
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
68 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
69 * Add the correct margin in IE 8.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
70 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
71
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
72 figure {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
73 margin: 1em 40px;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
74 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
75
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
76 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
77 * 1. Add the correct box sizing in Firefox.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
78 * 2. Show the overflow in Edge and IE.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
79 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
80
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
81 hr {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
82 box-sizing: content-box; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
83 height: 0; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
84 overflow: visible; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
85 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
86
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
87 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
88 * 1. Correct the inheritance and scaling of font size in all browsers.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
89 * 2. Correct the odd `em` font sizing in all browsers.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
90 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
91
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
92 pre {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
93 font-family: monospace, monospace; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
94 font-size: 1em; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
95 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
96
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
97 /* Text-level semantics
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
98 ========================================================================== */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
99
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
100 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
101 * 1. Remove the gray background on active links in IE 10.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
102 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
103 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
104
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
105 a {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
106 background-color: transparent; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
107 -webkit-text-decoration-skip: objects; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
108 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
109
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
110 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
111 * Remove the outline on focused links when they are also active or hovered
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
112 * in all browsers (opinionated).
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
113 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
114
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
115 a:active,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
116 a:hover {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
117 outline-width: 0;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
118 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
119
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
120 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
121 * 1. Remove the bottom border in Firefox 39-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
122 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
123 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
124
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
125 abbr[title] {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
126 border-bottom: none; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
127 text-decoration: underline; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
128 text-decoration: underline dotted; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
129 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
130
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
131 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
132 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
133 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
134
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
135 b,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
136 strong {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
137 font-weight: inherit;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
138 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
139
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
140 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
141 * Add the correct font weight in Chrome, Edge, and Safari.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
142 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
143
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
144 b,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
145 strong {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
146 font-weight: bolder;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
147 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
148
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
149 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
150 * 1. Correct the inheritance and scaling of font size in all browsers.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
151 * 2. Correct the odd `em` font sizing in all browsers.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
152 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
153
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
154 code,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
155 kbd,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
156 samp {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
157 font-family: monospace, monospace; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
158 font-size: 1em; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
159 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
160
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
161 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
162 * Add the correct font style in Android 4.3-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
163 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
164
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
165 dfn {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
166 font-style: italic;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
167 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
168
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
169 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
170 * Add the correct background and color in IE 9-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
171 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
172
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
173 mark {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
174 background-color: #ff0;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
175 color: #000;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
176 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
177
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
178 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
179 * Add the correct font size in all browsers.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
180 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
181
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
182 small {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
183 font-size: 80%;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
184 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
185
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
186 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
187 * Prevent `sub` and `sup` elements from affecting the line height in
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
188 * all browsers.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
189 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
190
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
191 sub,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
192 sup {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
193 font-size: 75%;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
194 line-height: 0;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
195 position: relative;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
196 vertical-align: baseline;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
197 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
198
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
199 sub {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
200 bottom: -0.25em;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
201 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
202
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
203 sup {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
204 top: -0.5em;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
205 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
206
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
207 /* Embedded content
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
208 ========================================================================== */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
209
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
210 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
211 * Add the correct display in IE 9-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
212 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
213
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
214 audio,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
215 video {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
216 display: inline-block;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
217 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
218
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
219 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
220 * Add the correct display in iOS 4-7.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
221 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
222
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
223 audio:not([controls]) {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
224 display: none;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
225 height: 0;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
226 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
227
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
228 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
229 * Remove the border on images inside links in IE 10-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
230 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
231
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
232 img {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
233 border-style: none;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
234 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
235
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
236 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
237 * Hide the overflow in IE.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
238 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
239
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
240 svg:not(:root) {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
241 overflow: hidden;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
242 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
243
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
244 /* Forms
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
245 ========================================================================== */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
246
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
247 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
248 * 1. Change the font styles in all browsers (opinionated).
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
249 * 2. Remove the margin in Firefox and Safari.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
250 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
251
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
252 button,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
253 input,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
254 optgroup,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
255 select,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
256 textarea {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
257 font-family: sans-serif; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
258 font-size: 100%; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
259 line-height: 1.15; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
260 margin: 0; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
261 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
262
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
263 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
264 * Show the overflow in IE.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
265 * 1. Show the overflow in Edge.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
266 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
267
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
268 button,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
269 input { /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
270 overflow: visible;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
271 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
272
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
273 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
274 * Remove the inheritance of text transform in Edge, Firefox, and IE.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
275 * 1. Remove the inheritance of text transform in Firefox.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
276 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
277
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
278 button,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
279 select { /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
280 text-transform: none;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
281 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
282
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
283 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
284 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
285 * controls in Android 4.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
286 * 2. Correct the inability to style clickable types in iOS and Safari.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
287 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
288
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
289 button,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
290 html [type="button"], /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
291 [type="reset"],
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
292 [type="submit"] {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
293 -webkit-appearance: button; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
294 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
295
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
296 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
297 * Remove the inner border and padding in Firefox.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
298 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
299
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
300 button::-moz-focus-inner,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
301 [type="button"]::-moz-focus-inner,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
302 [type="reset"]::-moz-focus-inner,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
303 [type="submit"]::-moz-focus-inner {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
304 border-style: none;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
305 padding: 0;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
306 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
307
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
308 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
309 * Restore the focus styles unset by the previous rule.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
310 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
311
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
312 button:-moz-focusring,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
313 [type="button"]:-moz-focusring,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
314 [type="reset"]:-moz-focusring,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
315 [type="submit"]:-moz-focusring {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
316 outline: 1px dotted ButtonText;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
317 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
318
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
319 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
320 * Change the border, margin, and padding in all browsers (opinionated).
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
321 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
322
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
323 fieldset {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
324 border: 1px solid #c0c0c0;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
325 margin: 0 2px;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
326 padding: 0.35em 0.625em 0.75em;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
327 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
328
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
329 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
330 * 1. Correct the text wrapping in Edge and IE.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
331 * 2. Correct the color inheritance from `fieldset` elements in IE.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
332 * 3. Remove the padding so developers are not caught out when they zero out
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
333 * `fieldset` elements in all browsers.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
334 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
335
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
336 legend {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
337 box-sizing: border-box; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
338 color: inherit; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
339 display: table; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
340 max-width: 100%; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
341 padding: 0; /* 3 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
342 white-space: normal; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
343 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
344
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
345 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
346 * 1. Add the correct display in IE 9-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
347 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
348 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
349
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
350 progress {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
351 display: inline-block; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
352 vertical-align: baseline; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
353 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
354
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
355 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
356 * Remove the default vertical scrollbar in IE.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
357 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
358
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
359 textarea {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
360 overflow: auto;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
361 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
362
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
363 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
364 * 1. Add the correct box sizing in IE 10-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
365 * 2. Remove the padding in IE 10-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
366 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
367
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
368 [type="checkbox"],
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
369 [type="radio"] {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
370 box-sizing: border-box; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
371 padding: 0; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
372 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
373
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
374 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
375 * Correct the cursor style of increment and decrement buttons in Chrome.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
376 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
377
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
378 [type="number"]::-webkit-inner-spin-button,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
379 [type="number"]::-webkit-outer-spin-button {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
380 height: auto;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
381 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
382
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
383 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
384 * 1. Correct the odd appearance in Chrome and Safari.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
385 * 2. Correct the outline style in Safari.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
386 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
387
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
388 [type="search"] {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
389 -webkit-appearance: textfield; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
390 outline-offset: -2px; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
391 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
392
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
393 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
394 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
395 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
396
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
397 [type="search"]::-webkit-search-cancel-button,
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
398 [type="search"]::-webkit-search-decoration {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
399 -webkit-appearance: none;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
400 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
401
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
402 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
403 * 1. Correct the inability to style clickable types in iOS and Safari.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
404 * 2. Change font properties to `inherit` in Safari.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
405 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
406
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
407 ::-webkit-file-upload-button {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
408 -webkit-appearance: button; /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
409 font: inherit; /* 2 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
410 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
411
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
412 /* Interactive
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
413 ========================================================================== */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
414
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
415 /*
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
416 * Add the correct display in IE 9-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
417 * 1. Add the correct display in Edge, IE, and Firefox.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
418 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
419
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
420 details, /* 1 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
421 menu {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
422 display: block;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
423 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
424
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
425 /*
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
426 * Add the correct display in all browsers.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
427 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
428
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
429 summary {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
430 display: list-item;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
431 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
432
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
433 /* Scripting
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
434 ========================================================================== */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
435
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
436 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
437 * Add the correct display in IE 9-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
438 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
439
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
440 canvas {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
441 display: inline-block;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
442 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
443
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
444 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
445 * Add the correct display in IE.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
446 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
447
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
448 template {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
449 display: none;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
450 }
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
451
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
452 /* Hidden
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
453 ========================================================================== */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
454
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
455 /**
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
456 * Add the correct display in IE 10-.
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
457 */
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
458
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
459 [hidden] {
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
460 display: none;
e49c41217e6e create new minimal website
David Demelier <markand@malikania.fr>
parents:
diff changeset
461 }