Skip to content

Instantly share code, notes, and snippets.

@al-the-x

al-the-x/index.html

Created October 6, 2015 13:39
Show Gist options
  • Save al-the-x/55ee80eee471347ed487 to your computer and use it in GitHub Desktop.
Save al-the-x/55ee80eee471347ed487 to your computer and use it in GitHub Desktop.
Download ZIP
vNmJRe
Raw
index.html
<nav class="tabs">
<a href="#">Contributions</a>
<a href="#" class="active">Repositories</a>
<a href="#">Activity</a>
</nav>
Raw
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;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment