<commit_before>@import "bourbon";

/*
Navigation

Navigation in OpenLMIS

Styleguide 2.0
*/

/*
Header navigation bar

Navigation bar in OpenLMIS can include links, lists of links called submenu and headings providing description for these items.

markup:
<header style="height: 240px;">
  <nav>
    <ul>
      <li>
        <a href="">Home</a>
      </li>
      <li>
        <a href="">Requisition</a>
        <div class="submenu">
          <ul>
            <li>
              <a href="">Create / Authorize</a>
            </li>
            <li>
              <a href="">Approve</a>
            </li>
            <li>
              <a href="">Convert to Order</a>
            </li>
            <li>
              <a href="">View</a>
            </li>
            <li class="beak"></li>
          </ul>
        </div>
      </li>
      <li>
        <a href="">Administration</a>
        <div class="submenu">
          <ul>
            <li>
              <a href="">Upload</a>
            </li>
            <li>
              <a href="">Configure</a>
	        <div class="submenu">
	          <ul>
		    <li>
		      <a href="">R & R Template</a>
		    </li>
                    <li>
		      <a href="">Regimen Template</a>
		    </li>
                    <li>
		      <a href="">Program Product ISA</a>
		    </li>
		    <li>
		      <a href="">System Setings</a>
		    </li>
		    <li>
		      <a href="">Other Setings</a>
		    </li>
		    <li class="beak"></li>
		  </ul>
	      </div>
            </li>
            <li class="beak"></li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
</form>

Styleguide 2.1
*/

header > .navbar {
  @include clearfix();
  @extend .navbar-default;

  @include linear-gradient(to bottom, #0d8d98 0%, #0d6369 100%);
  margin-bottom: 0px;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.4);
  border-width: 0px;
  border-radius: 0px;

  padding: 0em 1em;


  /*  GENERAL NAVIGATION STYLE  */
  a{
    color: $white;
    text-decoration: none;
    cursor: pointer;
    &:hover{
      color: darken($white, 15%);
    }
  }

  ul {
    @extend .list-unstyled;
  }
  li {
    position: relative;
  }

  .navbar-right{
    margin-right: 0px;
  }

  .navbar-links{
    @extend .navbar-text;
    margin-bottom: 0px;
    color: darken($white, 15%);

    li{
      display: block;
      float: left;
    }

    > li::after{
      content: "|";
      padding-right: 0.25em;
    }
    > li:last-child::after{
      content: "";
      padding: 0em;
    }

  }

  /* TOP LEVEL ITEMS */
  > .navbar-nav {

    a{
      display: block;
      text-decoration: none;
      padding: 0.5em 1em;
      &:hover{
        text-decoration: none;
        color: #009DA7;
      }
    }

    > li {
      > a {
        color: #FFF;
        text-decoration: none;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        padding: 7px 14px;
        margin: 7px 14px;
      }
      &.open > a,
      &.open > a:hover,
      > a:hover {
        color: #FFF;
        background-color: #19565A;
        box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
      }
    }
  }

  .dropdown-menu {
    top: 90%;
    @include linear-gradient(to bottom, $white 10%, $light-gray 100%);
    /* Arrow up */
    &::before{
      content: "";
      position:absolute;
      top: -5px;
      left: 30px;
      width: 0px; 
      height: 0px; 
      border-left: 5px solid transparent;<commit_msg>Tweaked navigation link colors<commit_after>@import "bourbon";

/*
Navigation

Navigation in OpenLMIS

Styleguide 2.0
*/

/*
Header navigation bar

Navigation bar in OpenLMIS can include links, lists of links called submenu and headings providing description for these items.

markup:
<header style="height: 240px;">
  <nav>
    <ul>
      <li>
        <a href="">Home</a>
      </li>
      <li>
        <a href="">Requisition</a>
        <div class="submenu">
          <ul>
            <li>
              <a href="">Create / Authorize</a>
            </li>
            <li>
              <a href="">Approve</a>
            </li>
            <li>
              <a href="">Convert to Order</a>
            </li>
            <li>
              <a href="">View</a>
            </li>
            <li class="beak"></li>
          </ul>
        </div>
      </li>
      <li>
        <a href="">Administration</a>
        <div class="submenu">
          <ul>
            <li>
              <a href="">Upload</a>
            </li>
            <li>
              <a href="">Configure</a>
	        <div class="submenu">
	          <ul>
		    <li>
		      <a href="">R & R Template</a>
		    </li>
                    <li>
		      <a href="">Regimen Template</a>
		    </li>
                    <li>
		      <a href="">Program Product ISA</a>
		    </li>
		    <li>
		      <a href="">System Setings</a>
		    </li>
		    <li>
		      <a href="">Other Setings</a>
		    </li>
		    <li class="beak"></li>
		  </ul>
	      </div>
            </li>
            <li class="beak"></li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
</form>

Styleguide 2.1
*/

header > .navbar {
  @include clearfix();
  @extend .navbar-default;

  @include linear-gradient(to bottom, #0d8d98 0%, #0d6369 100%);
  margin-bottom: 0px;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.4);
  border-width: 0px;
  border-radius: 0px;

  padding: 0em 1em;


  /*  GENERAL NAVIGATION STYLE  */
  a{
    color: $white;
    text-decoration: none;
    cursor: pointer;
    &:hover{
      color: darken($white, 15%);
    }
  }

  ul {
    @extend .list-unstyled;
  }
  li {
    position: relative;
  }

  .navbar-right{
    margin-right: 0px;
  }

  > .navbar-links{
    @extend .navbar-text;
    margin-bottom: 0px;
    color: darken($white, 15%);

    a.selected{
      color: darken($white, 15%);
    }

    li{
      display: block;
      float: left;
    }

    > li::after{
      content: "|";
      padding-right: 0.25em;
    }
    > li:last-child::after{
      content: "";
      padding: 0em;
    }

  }

  /* TOP LEVEL ITEMS */
  > .navbar-nav {

    a{
      display: block;
      text-decoration: none;
      padding: 0.5em 1em;
      &:hover{
        text-decoration: none;
        color: #009DA7;
      }
    }

    > li {
      > a {
        color: #FFF;
        font-weight: bold;
        text-decoration: none;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        padding: 7px 14px;
        margin: 7px;
      }
      &.open > a,
      &.open > a:hover,
      > a:hover {
        color: #FFF;
        background-color: #19565A;
        box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
      }
    }
  }

  .dropdown-menu {
    top: 90%;
    @include linear-gradient(to bottom, $white 10%, $light-gray 100%);
    /* Arrow up */
    &::before{
      content: "";
      position:absolute;
      top: -5px;
      left: 30px;
      width: 0px; 
      height: 0px; 
      border-left: 5px solid transparent;
{'fraction_non_alphanumeric': 0.16100230414746544, 'fraction_numerical': 0.02620967741935484, 'mean_word_length': 1.4488716502115655, 'pattern_counts': {'":': 0, '<': 163, '<?xml version=': 0, '>': 182, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '818902', 'n_tokens_mistral': 2741, 'n_tokens_neox': 2407, 'n_words': 579}