Generated by SassMeister.com.

SassMeister-input-HTML.html

<nav>
<ul class="nav">
    <li class="nav__item"><a href="#" class="nav__link">The workshop</a></li><!--
    --><li class="nav__item nav__item--current"><a href="#" class="nav__link">2013 schedule</a></li><!--
    --><li class="nav__item"><a href="#" class="nav__link">About CSSWizardry</a></li><!--
    --><li class="nav__item"><a href="#" class="nav__link">Contact</a></li>
</ul>
</nav>

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

nav {
  font-family: 'helvetica neue';
  font-size: 14px;
}

.nav {
  background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
  border: 1px solid #ccc;
  border-radius: 2px;
  display: inline-block;
  list-style-type: none;
  padding: 0;
}

.nav__item {
  display: inline-block;
  text-transform: uppercase;
    
  &:hover {
    position: relative;
    top: 1px;
  }

  &:not(:last-of-type) {
    border-right: 1px solid #ccc;
  }
}

// running out of time...
.nav__item--current {
  font-weight: bold;
}

.nav__link {
  color: black;
  display: block;
  padding: .5em 1em;
  text-decoration: none;
}

SassMeister-output.css

nav {
  font-family: 'helvetica neue';
  font-size: 14px;
}

.nav {
  background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
  border: 1px solid #ccc;
  border-radius: 2px;
  display: inline-block;
  list-style-type: none;
  padding: 0;
}

.nav__item {
  display: inline-block;
  text-transform: uppercase;
}
.nav__item:hover {
  position: relative;
  top: 1px;
}
.nav__item:not(:last-of-type) {
  border-right: 1px solid #ccc;
}

.nav__item--current {
  font-weight: bold;
}

.nav__link {
  color: black;
  display: block;
  padding: .5em 1em;
  text-decoration: none;
}

SassMeister-rendered.html

<nav>
<ul class="nav">
    <li class="nav__item"><a href="#" class="nav__link">The workshop</a></li><!--
    --><li class="nav__item nav__item--current"><a href="#" class="nav__link">2013 schedule</a></li><!--
    --><li class="nav__item"><a href="#" class="nav__link">About CSSWizardry</a></li><!--
    --><li class="nav__item"><a href="#" class="nav__link">Contact</a></li>
</ul>
</nav>