commit | author | age
|
998a46
|
1 |
<template> |
D |
2 |
<div id="app"> |
|
3 |
<div id="nav"> |
|
4 |
<router-link to="/">Home</router-link> | |
875958
|
5 |
<router-link to="/todo">Todo</router-link> | |
D |
6 |
<router-link to="/component-catalog">Components</router-link> | |
998a46
|
7 |
</div> |
D |
8 |
<router-view/> |
|
9 |
</div> |
|
10 |
</template> |
|
11 |
|
|
12 |
<style lang="scss"> |
875958
|
13 |
|
D |
14 |
@import "scss/custom.scss"; |
|
15 |
|
998a46
|
16 |
#app { |
D |
17 |
font-family: "Avenir", Helvetica, Arial, sans-serif; |
|
18 |
-webkit-font-smoothing: antialiased; |
|
19 |
-moz-osx-font-smoothing: grayscale; |
|
20 |
text-align: center; |
|
21 |
color: #2c3e50; |
|
22 |
} |
|
23 |
#nav { |
|
24 |
padding: 30px; |
|
25 |
a { |
|
26 |
font-weight: bold; |
|
27 |
color: #2c3e50; |
|
28 |
&.router-link-exact-active { |
|
29 |
color: #42b983; |
|
30 |
} |
|
31 |
} |
|
32 |
} |
|
33 |
</style> |