Skip to content

Commit 85fa87a

Browse files
committed
Update demo and normalize from master
1 parent 1e500b9 commit 85fa87a

File tree

2 files changed

+41
-17
lines changed

2 files changed

+41
-17
lines changed

demo.html

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ <h1>Text-level semantics</h1>
6161
The <dfn>dfn element</dfn> example<br>
6262
The <em>em element</em> example<br>
6363
The <i>i element</i> example<br>
64-
The img element <img src="http://placehold.it/16x16" alt=""> example<br>
64+
The img element <img src="http://placekitten.com/16/16" alt=""> example<br>
6565
The <ins>ins element</ins> example<br>
6666
The <kbd>kbd element</kbd> example<br>
6767
The <mark>mark element</mark> example<br>
@@ -78,6 +78,17 @@ <h1>Text-level semantics</h1>
7878
The <u>u element</u> example
7979
</p>
8080

81+
<h1>Embedded content</h1>
82+
83+
<h3>img</h3>
84+
85+
<img src="http://placekitten.com/100/100" alt="">
86+
<a href="#"><img src="http://placekitten.com/100/100" alt=""></a>
87+
88+
<h3>svg</h3>
89+
90+
<svg style="width:100px; height:100px;"><circle cx="100" cy="100" r="100" fill="#ff0000"></svg>
91+
8192
<h1>Grouping content</h1>
8293

8394
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
@@ -158,9 +169,9 @@ <h3>description list</h3>
158169
</dl>
159170

160171
<h3>figure</h3>
161-
172+
162173
<figure>
163-
<img src="http://placehold.it/400x200" alt="">
174+
<img src="http://placekitten.com/400/200" alt="">
164175
<figcaption>Figcaption content</figcaption>
165176
</figure>
166177

@@ -250,7 +261,7 @@ <h1>Forms</h1>
250261

251262
<fieldset>
252263
<legend>Clickable inputs and buttons</legend>
253-
<p><input type="image" src="http://placehold.it/90x24" alt="Image (input)"></p>
264+
<p><input type="image" src="http://placekitten.com/90/24" alt="Image (input)"></p>
254265
<p><input type="reset" value="Reset (input)"></p>
255266
<p><input type="button" value="Button (input)"></p>
256267
<p><input type="submit" value="Submit (input)"></p>
@@ -283,7 +294,7 @@ <h1>Forms</h1>
283294
<div><select><option>Option 01</option><option>Option 02</option></select></div>
284295
<div><textarea cols="30" rows="5" >Textarea text</textarea></div>
285296

286-
<div><input type="image" src="http://placehold.it/90x24" alt="Image (input)"></div>
297+
<div><input type="image" src="http://placekitten.com/90/24" alt="Image (input)"></div>
287298
<div><input type="reset" value="Reset (input)"></div>
288299
<div><input type="button" value="Button (input)"></div>
289300
<div><input type="submit" value="Submit (input)"></div>

normalize.css

Lines changed: 25 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*! normalize.css 2011-06-21T02:22 http://github.com/necolas/normalize.css */
1+
/*! normalize.css 2011-06-21T18:23 UTC · http://github.com/necolas/normalize.css */
22

33
/* =============================================================================
44
HTML5 element display
@@ -77,17 +77,6 @@ textarea {
7777
font-family: sans-serif;
7878
}
7979

80-
/*
81-
* 1. Removes border when inside 'a' element in IE6/7/8/9
82-
* 2. Improves image quality when scaled in IE7
83-
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
84-
*/
85-
86-
img {
87-
border: 0; /* 1 */
88-
-ms-interpolation-mode: bicubic; /* 2 */
89-
}
90-
9180

9281
/* =============================================================================
9382
Links
@@ -251,6 +240,30 @@ nav ol {
251240
}
252241

253242

243+
/* =============================================================================
244+
Embedded content
245+
========================================================================== */
246+
247+
/*
248+
* 1. Removes border when inside 'a' element in IE6/7/8/9
249+
* 2. Improves image quality when scaled in IE7
250+
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
251+
*/
252+
253+
img {
254+
border: 0; /* 1 */
255+
-ms-interpolation-mode: bicubic; /* 2 */
256+
}
257+
258+
/*
259+
* Corrects overflow displayed oddly in IE9
260+
*/
261+
262+
svg:not(:root) {
263+
overflow: hidden;
264+
}
265+
266+
254267
/* =============================================================================
255268
Figures
256269
========================================================================== */

0 commit comments

Comments
 (0)