Minimalist (Github-like) tabs using Haml and Sass

tabs.haml

%ul.tabs
  %li
    %a.active{ href: '#'} Tab 1
  %li
    %a{ href: '#'} Tab 2
  %li
    %a{ href: '#'} Tab 3
  %li
    %a{ href: '#'} Tab 4
  %li
    %a{ href: '#'} Tab 5

tabs.sass

.tabs
  list-style: none
  border-bottom: 1px solid #ddd
  padding: 0
  margin: 0 0 1em 0

  li
    display: inline-block
    margin-bottom: -1px

    &:first-child
      margin-left: 0

    a
      display: block
      padding: 8px 12px
      text-align: center
      font-size: 14px
      color: #666
      text-decoration: none

    .active
      border: 1px solid #ddd
      border-bottom-color: #fff