#footer { background-color: #fff; .footer-sidebar { background-color: #000; color: #ccc; @include font-size(1.8); #sidebar-subsidiary { @include wrap(); padding: 50px 105px; h3.widget-title { font-weight: 300; margin: 0 0 25px 0; color: #ccc; @include font-size(2.4); } @for $cols from 1 through 3 { &.columns-#{$cols} { $footer-margin: 6; $margin: $footer-margin + '%'; $bot-margin: $col-bot-margin + '%'; $width: ( 100 - ( $footer-margin * ( $cols - 1 ) ) ) / $cols + '%'; > * { &:nth-child(#{$cols}n+#{$cols}) { margin-right: 0; } &:first-child, &:nth-child(#{$cols}n+1) { margin-left: 0; } width: unquote($width); margin-left: unquote($margin); margin-right: -5px; display: inline-block; vertical-align: top; } } } } } .footer-end { padding: 75px 0; color: #555; text-transform: uppercase; letter-spacing: 0.5px; line-height: 0.65; clear: both; overflow: hidden; @include wrap(); @include font-size(1.5); a { color: #333; border-bottom: 1px dotted #aaa; padding: 0 0 2px 0; &:hover { color: $color__link; } } } .credit { float: left; line-height: 1.6; } .footer-nav { float: right; text-align: right; line-height: 1.6; ul { list-style: none; margin: 0; li { display: inline-block; margin: 0 0 0 15px; &:first-child { margin: 0; } } } } }