.sidebar-toggle {
  bottom: 45px;
  height: 12px;
  padding: 6px 5px;
  width: 14px;
  sidebar-toggle();
}

.sidebar-toggle:hover .toggle-line {
  background: $sidebar-highlight;
}

// Fix issue #75
// @extends does not seem to work inside @media
// So we use a mixin here
// https://github.com/stylus/stylus/issues/609
@media (any-hover: hover) {
  body:not(.sidebar-active) .sidebar-toggle:hover {
    toggle-arrow(hexo-config('sidebar.position'));
  }
}

.sidebar-active .sidebar-toggle {
  toggle-close(hexo-config('sidebar.position'));
}