forked from jnowland/SVG-Foolproof-Workflow
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (35 loc) · 1.47 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html lang="en" class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<title>frontend-example.com</title>
<link rel="stylesheet" href="/theme/styles/screen.css">
<!--[if lt IE 9]>
<script src="/bower_components/html5shiv/dist/html5shiv.js"></script>
<script>
document.createElement('svg');
</script>
<![endif]-->
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
</head>
<body itemscope itemtype="http://schema.org/WebPage" class="home">
<h1>SVG Sprites</h1>
<svg class="icon-clothes">
<use xlink:href="/theme/images/compiled/vector-sprites-working.svg#icon-clothes"></use>
</svg>
<svg class="icon-paint">
<use xlink:href="/theme/images/compiled/vector-sprites-working.svg#icon-paint"></use>
</svg>
<hr>
<h2>Raster Only Sprites</h2>
<i class="Icon Icon--sprite-example-infoBlue">Info Blue</i>
<i class="Icon Icon--sprite-example-sprite-star-yellow">Yellow</i>
<i class="Icon Icon--sprite-example-textured-bolt">Texture Bold</i>
<script src="/bower_components/svg4everybody/svg4everybody.ie8.min.js"></script>
</body>
</html>