.footer {
  background-color: #777;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  color: #fff;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  a {
    text-decoration: underline;
  }

  .logo {
    font-size: 1.1rem;
    line-height: 2rem;
    .version {
      font-size: 75%;
      vertical-align: baseline;
    }
  }
}

.footer {
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: bold;
  pre {
      font-size: 0.8rem;
  }
  background-color: #777;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  color: #fff;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  a {
    text-decoration: underline;
  }

  .logo {
      padding-right: 0.5rem;
      border-right: 1px solid $border-color;
      font-weight: bold;
    font-size: 1.1rem;
    line-height: 2rem;
    .version {
      font-size: 75%;
      vertical-align: baseline;
    }
  }

  > div > div:last-of-type {
      padding-left: 0.5rem;
      border-left: 1px solid $border-color;
  }
}

Add some borders to footer and make text uppercase
Add some borders to footer and make text uppercase
