@mixin cover () {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@mixin contain () {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@mixin after-box ($height: 100%) {
  &:after {
    position: relative;
    content: '';
    display: block;
    padding-bottom: $height;
  }
}

@mixin ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}