html {

position: relative;
min-height: 100%;

}

body {

margin-bottom: $footer-height;

}

<% if @gen.bootstrap == ‘4’ %> .footer {

position: absolute;
bottom: 0;
width: 100%;
height: $footer-height;
line-height: $footer-height;
text-align: center;
background: $brand-primary;

} <% else %> .footer {

position: absolute;
bottom: 0;
width: 100%;

text-align: center;

margin-top: $padding-large-vertical;
background: $brand-primary;
color: white;
height: $footer-height;

padding: $padding-large-vertical $padding-large-horizontal;

ul {
  @extend .list-inline;
}

a {
  color: white;
}

} <% end %>