Style for aside sidebar

gistfile1.scss

.sidebar-tags {
  @extend .sidebar;
  @extend .sidebar-left;
  @include span-columns(3 of 12);
  @include omega;
  background-color: darken($base-background-color, 30%);
  border-right-color: darken($base-border-color, 30%);
  display: none;
  text-shadow: none;

  h3 {
    color: darken($base-background-color, 70%);
    text-shadow: 0 1px 0 rgba(white, 0.1);
    margin: 0 10px 10px;
    text-transform: uppercase;
    font-size: 11px;
  }
}

.tags-list {
  margin-bottom: $gutter; 

  a {
    @include hover-text-decoration;
    border-bottom: 1px solid darken($base-border-color, 40%);
    box-shadow: 0 1px 0 rgba(white, 0.1);
    color: white;
    display: block;
    line-height: 20px;
    min-height: 30px;
    padding: 5px 10px;

    &:first-child {
      border-top: 1px solid darken($base-border-color, 40%);
    }

    &:hover {
      background-color: darken($base-background-color, 25%);
    }

    &.is-selected {
      @include font(600);
      background-color: darken($base-background-color, 40%);
    }

    .icon {
      color: inherit;
    }
  }
}

body.sidebar-tags-open {
  .sidebar {
    margin-left: 22.85714%;
  }

  .sidebar-tags {
    display: block;
    margin-left: 0;
  }

  .main {
    @include span-columns(5.3 of 12);
  }
}