@import “compass/css3”;

/* Overrides of the themed vertical scroller to take it back to a basic black transparent OS X style overlay. */ $theme.sc-overlay-scroller-view.sc-vertical {

/* Track */
.track {
  background: none;
}

.cap, .endcap {
  background: none;
}

/* Buttons */
.button-top {
  background: none;
}

.button-bottom {
  background: none;
}

.button-top:active {
  background: none;
}

.button-bottom:active {
  background: none;
}

/* Thumb */
.thumb {
}

.thumb-top {
  @include border-top-radius(4px);
  background-color: $overlay-thumb-background-color;
  background-image: none;
  border-top: 1px solid $overlay-thumb-border-color;
  border-right: 1px solid $overlay-thumb-border-color;
  border-left: 1px solid $overlay-thumb-border-color;
  left: 1px;
  width: 7px;
}

.thumb-clip {
  left: 1px;
  width: 9px; /* +2px for white border */
}

.thumb-inner {
}

.thumb-center {
  background-color: $overlay-thumb-background-color;
  background-image: none;
  border-right: 1px solid $overlay-thumb-border-color;
  border-left: 1px solid $overlay-thumb-border-color;
  height: initial;
  width: 7px;
}

.thumb-bottom {
  @include border-bottom-radius(4px);
  background-color: $overlay-thumb-background-color;
  background-image: none;
  border-right: 1px solid $overlay-thumb-border-color;
  border-left: 1px solid $overlay-thumb-border-color;
  border-bottom: 1px solid $overlay-thumb-border-color;
  width: 7px;
}

}