_footer.scss

//
// Footer
// --------------------------------------------------
// Custom footer styles

// Global variables
//

$footer-height: 60px;
$footer-text-margin: 20px;

// Global mixins
//

// Called in _scaffolding.scss
@mixin footer-htmlProps {
  position: relative;
  min-height: 100%;
}

// Called in _scaffolding.scss
@mixin footer-bodyProps {
  // Margin bottom by footer height
  margin-bottom: ($footer-height - $footer-text-margin);
}

// Module wrapper

.footer {
  // Local variables
  //
  // Which are meant to be used only in this module. »Global« variables are stored
  // in /src/assets/scss/_variables.scss
  $footer-bg: #f5f5f5;

  // Local mixins
  //
  // Which are meant to be used only in this module. »Global« mixins are stored
  // in /src/assets/scss/theme/_mixins.scss

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

  // Set the fixed height of the footer here
  height: $footer-height;
  background-color: $footer-bg;

  > .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  .footer-text {
    margin: $footer-text-margin 0;
  }
}