// Footer
//
// Styles for basic footer.
//
// Markup: footerbar.twig
//
// Styleguide Layout.Footer
.footerbar
    {fontSecondary}
    clear both
    width 100%
    min-height 30px
    padding 6px 24px
    border-top 3px solid $color-footer
    background-color $color-default
    color $color-footer

    ul
        float right

    li
        display inline
        padding 0 24px
        border-left 1px solid $color-footer

        &:first-child
            padding-left 0
            border-left none

    a
        color $color-base-lighten

        &:hover
            text-decoration underline

// Footer
//
// Styles for basic footer.
//
// Markup: footerbar.twig
//
// Styleguide Layout.Footer
.footerbar
    _pt(.5)
    _pb(.5)
    _pr(2)
    _pl(2)
    {fontSecondary}
    clear both
    width 100%
    min-height 3rem
    border-top 3px solid $color-footer
    background-color $color-default
    color $color-footer

    a
        color $color-base-lighten

        &:hover
            text-decoration underline

Replace px to rem in footerbar
Replace px to rem in footerbar
