Mercurial > irccd-www
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 |
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 } |