OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	06/22/2024 04:05:28 AM	rwxr-xr-x
📄 _about.scss	186 bytes	02/11/2020 10:49:34 AM	rw-rw-r--
📄 _buttons.scss	475 bytes	02/11/2020 10:49:34 AM	rw-rw-r--
📄 _contact.scss	702 bytes	02/11/2020 10:49:34 AM	rw-rw-r--
📄 _masthead.scss	1.01 KB	02/11/2020 10:49:34 AM	rw-rw-r--
📄 _mixins.scss	10 bytes	02/11/2020 10:49:34 AM	rw-rw-r--
📄 _navbar.scss	1.53 KB	02/11/2020 10:49:34 AM	rw-rw-r--
📄 _projects.scss	412 bytes	02/11/2020 10:49:34 AM	rw-rw-r--
📄 _signup.scss	596 bytes	02/11/2020 10:49:34 AM	rw-rw-r--
📄 _variables.scss	353 bytes	02/11/2020 10:49:34 AM	rw-rw-r--
📄 grayscale.scss	584 bytes	02/11/2020 10:49:34 AM	rw-rw-r--
📄 schedule_list.php	1.48 KB	02/11/2020 10:49:34 AM	rw-rw-r--
📄 style.scss	8.72 KB	02/11/2020 10:49:34 AM	rw-rw-r--

Editing: _navbar.scss

#mainNav {
  min-height: 56px;
  background-color: $white;
  .navbar-toggler {
    font-size: 80%;
    padding: 0.75rem;
    color: $primary;
    border: 1px solid $primary;
    &:focus {
      outline: none;
    }
  }
  .navbar-brand {
    color: $black;
    font-weight: 700;
    padding: .9rem 0;
  }
  .navbar-nav {
    .nav-item {
      &:hover {
        color: fade(white, 80%);
        outline: none;
        background-color: transparent;
      }
      &:active,
      &:focus {
        outline: none;
        background-color: transparent;
      }
    }
  }
  @media (min-width: 992px) {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
    .navbar-brand {
      padding: .5rem 0;
      color: fade-out($white, .5);
    }
    .nav-link {
      transition: none;
      padding: 2rem 1.5rem;
      color: fade-out($white, .5);
      &:hover {
        color: fade-out($white, .25);
      }
      &:active {
        color: white;
      }
    }
    &.navbar-shrink {
      background-color: $white;
      .navbar-brand {
        color: $black;
      }
      .nav-link {
        color: $black;
        padding: 1.5rem 1.5rem 1.25rem;
        border-bottom: 0.25rem solid transparent;
        &:hover {
          color: $primary;
        }
        &:active {
          color: darken($primary, 15%);
        }
        &.active {
          color: $primary;
          outline: none;
          border-bottom: 0.25rem solid $primary;
        }
      }
    }
  }
}