Skip to content
Branch: master
Find file Copy path
Find file Copy path
3 contributors

Users who have contributed to this file

@yyx990803 @PiusNyakoojo @limonte
103 lines (93 sloc) 2.13 KB
<div id="app">
<header class="header">
<nav class="inner">
<router-link to="/" exact>
<img class="logo" src="~public/logo-48.png" alt="logo">
<router-link to="/top">Top</router-link>
<router-link to="/new">New</router-link>
<router-link to="/show">Show</router-link>
<router-link to="/ask">Ask</router-link>
<router-link to="/job">Jobs</router-link>
<a class="github" href="" target="_blank" rel="noopener">
Built with Vue.js
<transition name="fade" mode="out-in">
<router-view class="view"></router-view>
<style lang="stylus">
font-family -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size 15px
background-color lighten(#eceef1, 30%)
margin 0
padding-top 55px
color #34495e
overflow-y scroll
color #34495e
text-decoration none
background-color #ff6600
position fixed
z-index 999
height 55px
top 0
left 0
right 0
max-width 800px
box-sizing border-box
margin 0px auto
padding 15px 5px
color rgba(255, 255, 255, .8)
line-height 24px
transition color .15s ease
display inline-block
vertical-align middle
font-weight 300
letter-spacing .075em
margin-right 1.8em
color #fff
color #fff
font-weight 400
margin-right 0
color #fff
font-size .9em
margin 0
float right
width 24px
margin-right 10px
display inline-block
vertical-align middle
max-width 800px
margin 0 auto
position relative
.fade-enter-active, .fade-leave-active
transition all .2s ease
.fade-enter, .fade-leave-active
opacity 0
@media (max-width 860px)
.header .inner
padding 15px 30px
@media (max-width 600px)
padding 15px
margin-right 1em
display none
You can’t perform that action at this time.