ywt-web/components/Navigation/Navigation.scss

/**
 * React Static Boilerplate
 * https://github.com/koistya/react-static-boilerplate
 * Copyright (c) Konstantin Tarkus (@koistya) | MIT license
 */

@import '../variables.scss';

.Navigation {
  display: flex;
  flex-direction: row;
  margin: 2em 0 5em 0;
  list-style: none;
  justify-content: flex-end;
}

.Navigation-item {
  padding: 0 2em;
}

.Navigation-link {
  padding: 0.5em 1em;
  color: $brand-color;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;

  &:hover {
    border-bottom: 3px solid $brand-color;
    color: $text-color;
  }

  &:visited {
    color: $brand-color;

    &:hover {
      color: $text-color;
    }
  }
}