$dark-border: rgba(34,36,38,.15);

$colors-lightest: #EEE;
$colors-darkest: #111;
$colors-light: #CCC;

$normal-size: 1rem;
$medium-size: 1.3rem;
$big-size: 1.8rem;

@mixin font($a : none, $size : $normal-size) {
  @if $a == bold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-size: $size;
  } @else if $a == medium {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-size: $size;
  } @else if $a == light {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-stretch: normal;
    font-size: $size;
  } @else if $a == thin {
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    font-stretch: normal;
    font-size: $size;
  } @else {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-size: $size;
  }
}

@mixin border($a : none) {
  @if $a == bold {
    border: 3px solid $dark-border;
  } @else if $a == medium {
    border: 2px solid $dark-border;
  } @else if $a == thin {
    border: 1px solid $dark-border;
  } @else {
    &:focus {
      outline: none;
    }
    border: none;
  }
}