Genesis Footer Widget Widths based on number of Footer Widgets - by Dave Browne

_footer-widgets.scss

@media only screen and (min-width: 1040px) {

    .footer-widgets .widget-area {
        float: left;
        margin-left: 3.3333333333333%;
    }
    
    .footer-widgets .widget-area:first-child {
        margin-left: 0;
    }
    
    .footer-widgets .widget-area:first-child:nth-last-child(1) {
        width: 100%;
    }
    
    .footer-widgets .widget-area:first-child:nth-last-child(2),
    .footer-widgets .widget-area:first-child:nth-last-child(2) ~ div {
        width: 48.333333333333%;
    }
    
    .footer-widgets .widget-area:first-child:nth-last-child(3),
    .footer-widgets .widget-area:first-child:nth-last-child(3) ~ div {
        width: 31.111111111111%;
    }
    
    .footer-widgets .widget-area:first-child:nth-last-child(4),
    .footer-widgets .widget-area:first-child:nth-last-child(4) ~ div {
        width: 22.5%;
    }
    
    .footer-widgets .widget-area:first-child:nth-last-child(5),
    .footer-widgets .widget-area:first-child:nth-last-child(5) ~ div {
        width: 17.333333333333%;
    }
}