Skip to content

Commit 137b37d

Browse files
woodcoderwoodcoder
committed
v-bind to a game type.
1 parent 188cc8c commit 137b37d

File tree

6 files changed

+68
-2
lines changed

6 files changed

+68
-2
lines changed

‎css/fonts.css

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
@font-face {
2+
font-family: 'icomoon';
3+
src: url('fonts/icomoon.eot?mlcno2');
4+
src: url('fonts/icomoon.eot?mlcno2#iefix') format('embedded-opentype'),
5+
url('fonts/icomoon.ttf?mlcno2') format('truetype'),
6+
url('fonts/icomoon.woff?mlcno2') format('woff'),
7+
url('fonts/icomoon.svg?mlcno2#icomoon') format('svg');
8+
font-weight: normal;
9+
font-style: normal;
10+
}
11+
12+
[class^="icon-"], [class*=" icon-"] {
13+
/* use !important to prevent issues with browser extensions that change fonts */
14+
font-family: 'icomoon' !important;
15+
speak: none;
16+
font-style: normal;
17+
font-weight: normal;
18+
font-variant: normal;
19+
text-transform: none;
20+
line-height: 1;
21+
22+
/* Better Font Rendering =========== */
23+
-webkit-font-smoothing: antialiased;
24+
-moz-osx-font-smoothing: grayscale;
25+
}
26+
27+
.icon-dice:before {
28+
content: "\e900";
29+
}
30+
.icon-spades:before {
31+
content: "\e901";
32+
}
33+
.icon-bin:before {
34+
content: "\e902";
35+
}
36+
.icon-star-empty:before {
37+
content: "\e903";
38+
}
39+
.icon-star-full:before {
40+
content: "\e904";
41+
}
42+

‎css/fonts/icomoon.eot

1.84 KB
Binary file not shown.

‎css/fonts/icomoon.svg

Lines changed: 15 additions & 0 deletions
Loading

‎css/fonts/icomoon.ttf

1.68 KB
Binary file not shown.

‎css/fonts/icomoon.woff

1.75 KB
Binary file not shown.

‎index.html

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,27 @@
33
<head>
44
<meta charset="utf-8">
55
<title>iBoards</title>
6+
<link rel="stylesheet" href="css/fonts.css"></head>
67
</head>
78
<body>
89
<div id="app">
10+
<select v-model="type">
11+
<option value="icon-dice">Board Game</option>
12+
<option value="icon-spades">Card Game</option>
13+
</select>
914
<input v-model="game">
10-
{{ game }}
15+
<p>
16+
<span :class="type"></span>
17+
{{ game }}
18+
</p>
1119
</div>
1220
<script src="node_modules/vue/dist/vue.js"></script>
1321
<script>
1422
var app = new Vue({
1523
el: '#app',
1624
data: {
17-
game: 'Hello!'
25+
game: 'Snakes and Ladders',
26+
type: 'icon-dice'
1827
}
1928
})
2029
</script>

0 commit comments

Comments
 (0)