Contents

$sidebar-width: 300px;

.sidebar {
  background-color: #2e343a;
  width: $sidebar-width;
  box-sizing: border-box;
  @include flex(0 0 300px);
  @include order(-1);

  button.notifications {
    backgroud-color: #00CCFF;
    font-size: 14px;
  }
}

.inner-sidebar {
  padding-bottom: 1rem;
}

  .logo {
    display: block;
    background-color: #2679cd;
    padding: 2.85rem 3.75rem 2.25rem 5rem;
    -webkit-transition: background-color .3s ease-in-out;

      &:hover { background-color: darken(#2679cd, 5%); }

      span {
        background: asset-data-url('logo.svg') top right no-repeat;
        height: 35px;
        display: inline-block;
        width: 80px;
        overflow: hidden;
        text-indent: -999999px;
        line-height: 1;
      }

      i {
        background: asset-data-url('anchor.svg') center center no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        -webkit-transition: -webkit-transform .3s ease-in-out;
        margin-right: .25rem;
        vertical-align: bottom;
      }
    &:hover i {
      -webkit-transform: rotate(-25deg);
    }
  }

.stack {
  padding: 2.25rem 0;
  + .stack { border-top: 1px solid rgba(#fff, .1); }
}

.sidebar-plugins-outer {
  width: $sidebar-width;
  overflow: hidden;
}

.sidebar-plugins {
  width: $sidebar-width + 15px;
  overflow-y: auto;
}

.sidebar-plugins::-webkit-scrollbar { 
  display: none; 
}

.sidebar-plugins-outer.fixed {
  position: fixed;
  top: 0px;
}

.sidebar-plugin {
  max-width: 280px;
  padding: 10px;
  clear: both;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
shipit-engine-0.0.1.pre	app/assets/stylesheets/_structure/_sidebar.scss