kouto-swiss/src/stylus/components/header.styl

A complete CSS framework for Stylus

/* leny/kouto-swiss
 *
 * /src/stylus/components/header.styl - Header Component
 *
 * coded by leny@flatLand!
 * started at 07/12/2016
 */

.header
    position relative
    display flex
    flex-direction column
    justify-content center
    align-items center
    width 100%
    min-height 100vh
    margin-bottom 4.8rem
    &__title
        display flex
        flex-direction column
        justify-content center
        align-items center
        size 26rem auto
        margin-bottom .5rem
    &__logo
        size auto 12rem
        margin-bottom 2rem
        svg-color primary
        transform translateX( 33% )
    &__logotype
        width 100%
        svg-color primary
    &::after
        content "⧩"
        absolute bottom .5rem left 50%
        font-size 2.4rem
        color gray
        transform translateX( -50% )