// Mixins
// -----------------------------------------------------------------------------
@mixin list {
  margin: 0;
  padding: 0;
  list-style: none;
  li {
    margin: 0;
    padding: 0;
  }
}

@mixin half-rounded-btn($color, $left-radius, $right-radius) {
  border-color: $color;
  background-color: $color;
  border-top-right-radius: $right-radius;
  border-bottom-right-radius: $right-radius;
  border-bottom-left-radius: $left-radius;
  border-top-left-radius: $left-radius;
  font-weight: 800;
  transition: all 0.5s;
  &:hover {
    background: darken($color, 10);
    border-color: darken($color, 10);
  }
}

@mixin gray-link {
  color: #A0A0A0;
  font-weight: 800;
  &:hover {
    color: $bw-blue;
  }
}