vue-wp/vue-theme/src/components/footer.vue

<template lang="pug">
.footer-wrapper.f-col.between.t-up.t-sans
    footer.f-row
        //- address contact
        ul
            li
                h5 Craft in America
                    ul
                        li 8415 W. Third St.
                        li Los Angeles, CA 90048
                        li Tues–Sat, 12PM–6PM
                        li (310) 659-9022 office
                        li (323) 951-0610 center
                        li
                            router-link(to="mailto:info@craftinamerica.org") info@craftinamerica.org
        //- menu links
        ul.f-row
            li
                h5
                    router-link(to="/episodes") PBS Series
                    ul
                        li Episodes
                        li Shorts
                        li Techniques
            li
                h5 
                    router-link(to="/artists") Artists
                    ul
                        li
                            router-link(to="/artists/by-alpha") A-Z
                        li 
                            router-link(to="/artists/by-material") By Material
            li
                h5 
                    router-link(to="/exhibitions") Exhibitions
                    ul
                        li Current/Upcoming
                        li Past
                        li Permanent Collection
                        li Explore Craft Objects
            li
                h5
                    router-link(to="/events") Events
                    ul
                        li Talks
            li
                h5
                    router-link(to="/center") Center
                    ul
                        li Publications
                        li Library
            li
                h5
                    router-link(to="/support") Support
                    ul
                        li Donate
                        li Shop
            li
                h5
                    router-link(to="/about") About
                    ul
                        li Mission
                        li Staff
                        li Board
                        li Contact
            li
                h5
                    router-link(to="/posts") News
                    ul
                        li Blog Posts
                        li Press Releases
                        li In the News
        //- mailing social links
        ul
            li
                h5 Connect with Us
                    ul
                        li
                            a(href="https://www.facebook.com/CraftinAmerica") Facebook
                        li
                            a(href="http://www.youtube.com/user/craftinamerica") YouTube
                        li
                            a(href="http://www.instagram.com/craftinamerica") Instagram
                        li
                            a(href="https://twitter.com/CraftinAmerica") Twitter
                        li
                            a(href="") Join email list
    .sub-footer
        p Craft in America &copy; 2010&ndash;2021

</template>

<script>
</script>

<style lang="postcss">
@import '../sss/variables.sss'

.footer-wrapper
    > footer
        width: $max-width
        background-color: $cia_red
        padding: 2em 2em 3em // top leftright bottom
        
        // ALL <ul> tags
        ul
            list-style: none

        // OUTER <ul> tags
        > ul
            margin: 0 0 1em 
            > li
                padding: 0 0.5em 0
                h5
                    color: $cia_white
                a
                    color: $cia_white
                    
    .sub-footer
        width: $max-width
        background-color: $cia_black
        padding: 0.5em
        text-align: center
        p
            font-size: 0.8em
            color: $cia_grey
</style>