footer[role="contentinfo"] { margin-top: 5em; @include breakpoint(gamma) { max-width: 960; } &:before { @include breakpoint(beta) { @include faded_line_after; margin-bottom: 1.2em; } } ul { border-top: 1px $brown dotted; border-bottom: 1px $brown dotted; padding: .5rem 0; @include breakpoint(beta) { border: none; } } li { display: inline; margin: 0 .25em; &:after { content: "\00b7"; color: #999999; padding-left: 0.75em; } a { color: $brown; text-decoration: none; } } li:last-of-type { margin-right: 0; &:after { content: " "; } } p { @include fontsize(10); text-align: center; margin-top: 1.5em; margin-bottom: 1.5em; } } .black footer[role="contentinfo"], .dark footer[role="contentinfo"] { &:before { @include light_faded_line_after; } a { color: $body_font_light; } }