overleaf/services/web/frontend/stylesheets/components/footer.less

footer.site-footer {
  background-color: @footer-bg-color;
  border-top: 1px solid @gray-lighter;
  font-size: 0.9rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: @footer-height;
  line-height: @footer-height - 1; // Hack — in Chrome, using the full @footer-height would generate vertical scrolling

  ul {
    list-style: none;
    margin: 0px;
    li {
      display: inline-block;
      margin: 0 0.5em;
    }
    i {
      font-size: 1.2rem;
    }
  }
  li.lngOption {
    text-align: left;
    display: list-item;

    img {
      vertical-align: text-bottom;
    }
  }

  a {
    color: @footer-link-color;
    &:hover,
    &:focus {
      color: @footer-link-hover-color;
    }
  }
}

.site-footer-content when (@is-overleaf = true) {
  .container-fluid;
}
.site-footer-content when (@is-overleaf = false) {
  .container;
}

.sprite-icon-lang {
  display: inline-block;
  vertical-align: middle;
}