generator-foo/templates/vue/src/styles/components/AppHeader.styl

Foo project scaffold generator based on generator-jam3

// AppHeader

@import "~styles/vars";

.AppHeader
    display block
    position relative
    border-bottom: 1px solid $black
    background-color $header

h1
    margin 0

ul
    margin: 0
    padding: 0

li
    display: inline-block
    list-style-type: none
    margin: 0 5px
    &:first-of-type
        margin-left: 0

span
    position absolute
    top 20%

.fade-enter-active, .fade-leave-active
    transition: opacity .5s

.fade-enter, .fade-leave-active
    opacity: 0