@function em($pxval, $base: 16) {
  @return #{$pxval / $base}em;
}

// Line-height
@function lh($amount: 1) {
  @return $body-line-height * $amount;
}

// image-replacement hidden text
@mixin text-hide() {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

// hidden elems - screenreaders
@mixin text-sr() {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@mixin vertically-and-horizontally-centered ( $height, $width ) {
  left: 50%;
  margin-left: -$width / 2;
  //margin-top: -$height / 2;
  min-height: $height;
  min-width: $width;
  position: absolute;
  top: 150px;
}

// sunsetted, but still used mixins
@mixin hide-text(){
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}
