// *************************************
//
//   Dropdown
//   -> Navigation Dropdown
//
// -------------------------------------
//   Template (Haml)
// -------------------------------------
//
// .dropdown[.open]
//
// *************************************

.dropdown {
  display: none;
  position: absolute;
  right: 0;
  top: 51px;
  background-color: $c-background-highlight;
  width: 188px;
}

.dropdown,
.sidebar-list {
  list-style: none;
  margin: 0;
  padding: 0;

  li {
    line-height: 1;
    margin: 32px 0;
    padding: 0 0 0 32px;
  }

  a {
    @include clearfix;
    color: $c-dropdown-link;
    display: block;
    text-transform: none;
  }

  .icon {
    float: right;
  }

  .open & {
    display: block;

    &.collapse {
      display: none;

      &.in {
        display: block;
      }
    }
  }

  .unlinked .icon {
    opacity: .3;
  }

  &.documents {

    li {
      background-image: url('../img/icons/file.svg');
      background-position: 240px center;
      background-repeat: no-repeat;
      background-size: 14px 16px;
      padding: 3px 32px;

      &.octocat {
        background-image: url('../img/icons/octocat.svg');
        background-position: 234px center;
        background-size: 24px 24px;
      }
    }

    li {
      &:last-child {
      margin-bottom: 1rem;
    }

    }
    li.active a {
      color: $c-highlight;
    }
  }
}

// -------------------------------------
//   Modifiers
// -------------------------------------