.hidden { display: none; } // won't take up DOM space
.hide { opacity: 0; } // will take up DOM space

/// On Chrome an input click will outline the element in blue, turn this off
@mixin disable-focus-outline {
  &:focus { outline: none; }
}

@mixin center-vertically {
  position: relative;
  top: 50%;
  @include transform(translateY(-50%));
}

@mixin firefox-only {
  @-moz-document url-prefix() { @content; }
}

@mixin blended-text($color) {
  background-color: $color;
  color: darken($color, 60%);
}