vNmJRe

index.html

<nav class="tabs">
  <a href="#">Contributions</a>
  <a href="#" class="active">Repositories</a>
  <a href="#">Activity</a>
</nav>

style.css

$darker-white: darken(#FFF, 10%);

body {
  background-color: $darker-white;
}
.tabs {
  margin: 1ex 0;
  padding: 0 2em;
  border-bottom: 1px solid gray;
  
  a[href] {
    display: inline-block;
    padding: 1ex 0.5em;
    position: relative;
    bottom: -1px;
    // border-collapse: 
    
    &.active {
      border: 1px solid gray;
      border-bottom-color: $darker-white;
    }
  }
}

vNmJRe.markdown

vNmJRe

A Pen by David Rogers on CodePen.

License.