File tree 6 files changed +64
-11
lines changed
6 files changed +64
-11
lines changed Original file line number Diff line number Diff line change 4
4
<li ><a href =" /guide/" class =" nav-link" >Guide</a ></li >
5
5
<li ><a href =" /api/" class =" nav-link" >API</a ></li >
6
6
<li ><a href =" /examples/" class =" nav-link" >Examples</a ></li >
7
- <li ><a href =" https://github.com/vuejs/vue" class =" nav-link" target =" _blank" >GitHub</a ></li >
8
- <li ><a href =" http://forum.vuejs.org" class =" nav-link" target =" _blank" >Forum</a ></li >
9
- <li ><a href =" https://gitter.im/vuejs/vue" class =" nav-link" target =" _blank" >Chat</a ></li >
7
+ <li ><a href =" /blog" class =" nav-link" >Blog</a ></li >
8
+ <% - partial (' partials/community_dropdown' ) %>
10
9
</ul >
11
10
<div id =" logo-wrap" >
12
11
<img id =" logo" src =" /images/logo.png" >
Original file line number Diff line number Diff line change
1
+ <li class =" nav-dropdown-container" >
2
+ <a class =" nav-link" >Community</a ><span class =" arrow" ></span >
3
+ <ul class =" nav-dropdown" >
4
+ <li ><a href =" https://github.com/vuejs/vue" class =" nav-link" target =" _blank" >GitHub</a ></li >
5
+ <li ><a href =" http://forum.vuejs.org" class =" nav-link" target =" _blank" >Forum</a ></li >
6
+ <li ><a href =" https://gitter.im/vuejs/vue" class =" nav-link" target =" _blank" >Chat</a ></li >
7
+ <li ><a href =" https://twitter.com/vuejs" class =" nav-link" target =" _blank" >Twitter</a ></li >
8
+ </ul >
9
+ </li >
Original file line number Diff line number Diff line change 6
6
<li ><a href =" /guide/" class =" nav-link<%- page.path.match(/guide/) ? ' current' : '' %>" >Guide</a ></li >
7
7
<li ><a href =" /api/" class =" nav-link<%- page.path.match(/api/) ? ' current' : '' %>" >API</a ></li >
8
8
<li ><a href =" /examples/" class =" nav-link<%- page.path.match(/examples/) ? ' current' : '' %>" >Examples</a ></li >
9
- <li ><a href =" https://github.com/vuejs/vue" class =" nav-link" target =" _blank" >GitHub</a ></li >
10
- <li ><a href =" http://forum.vuejs.org" class =" nav-link" target =" _blank" >Forum</a ></li >
11
- <li ><a href =" https://gitter.im/vuejs/vue" class =" nav-link" target =" _blank" >Chat</a ></li >
9
+ <li ><a href =" /blog/" class =" nav-link<%- page.path.match(/blog/) ? ' current' : '' %>" >Blog</a ></li >
10
+ <% - partial (' partials/community_dropdown' ) %>
Original file line number Diff line number Diff line change @@ -120,3 +120,47 @@ a.button
120
120
.carbon-poweredby
121
121
color #a a a
122
122
font-weight normal
123
+
124
+ #nav
125
+ .nav-link
126
+ cursor pointer
127
+ .nav-dropdown-container
128
+ .nav-link
129
+ & :hover
130
+ border-bottom none
131
+ & :hover
132
+ .nav-dropdown
133
+ display block
134
+ .nav-dropdown
135
+ display none
136
+ position absolute
137
+ top 100%
138
+ left 0
139
+ background-color #f f f
140
+ padding 10px 0
141
+ border 1px solid #d d d
142
+ border-bottom-color #c c c
143
+ text-align left
144
+ border-radius 4px
145
+ li
146
+ line-height 1.8em
147
+ margin 0
148
+ display block
149
+ a
150
+ color $light
151
+ font-size .9em
152
+ display block
153
+ padding 0 30px 0 20px
154
+ & :hover
155
+ color $green
156
+ .arrow
157
+ display inline-block
158
+ vertical-align middle
159
+ margin-top - 1px
160
+ margin-left 6px
161
+ margin-right - 14px
162
+ width 0
163
+ height 0
164
+ border-left 4px solid transparent
165
+ border-right 4px solid transparent
166
+ border-top 5px solid #c c c
Original file line number Diff line number Diff line change @@ -13,8 +13,11 @@ html, body
13
13
list-style-type none
14
14
text-align center
15
15
padding 0
16
+ margin 0
16
17
li
17
18
display inline-block
19
+ position relative
20
+ line-height 40px
18
21
& :last-child .nav-link
19
22
margin-right 0
20
23
@@ -41,7 +44,7 @@ html, body
41
44
width 200px
42
45
43
46
#logo-wrap
44
- margin 4 em 0
47
+ margin 3.5 em 0 4 em
45
48
46
49
#hero
47
50
text-align center
@@ -251,11 +254,9 @@ html, body
251
254
body
252
255
font-size 14px
253
256
#nav
254
- margin 3 em 1.8em 0
257
+ margin 2 em 1.8em 0
255
258
#translations
256
259
margin-bottom 2em
257
- #logo-wrap
258
- margin 4em 0
259
260
#logo
260
261
width 120px
261
262
.nav-link
Original file line number Diff line number Diff line change @@ -9,7 +9,7 @@ $header-height = 40px
9
9
box-shadow 0 0 4px rgba (0 ,0 ,0 ,.25 )
10
10
padding 25px 60px
11
11
position relative
12
- z-index 0
12
+ z-index 2
13
13
14
14
#nav
15
15
list-style-type none
@@ -24,6 +24,7 @@ $header-height = 40px
24
24
display none
25
25
li
26
26
display inline-block
27
+ position relative
27
28
margin 0 .6em
28
29
29
30
.nav-link
You can’t perform that action at this time.
0 commit comments