.sidebar {
  border-right: 1px solid gray-scale(gray-light);

  h4 {
    color: gray-scale(gray-normal);
    text-transform: uppercase;
    font-size: $ds-small-font;
  }

  & > * {
    margin-bottom: space(normal);
  }

  li {
    margin-bottom: space(small);
  }

  a, a:visited {
    color: gray-scale(gray-dark);
    font-size: $ds-small-font;

    &:hover {
      color: $ds-font-color;
      text-decoration: underline;
    }
  }
}
