.divider {
  background-color: @black020;
  cursor: ew-resize;
  position: fixed;

  &:after {
    color: @black060;
    content: '';
    display: block;
    height: 34px;
    left: -2px;
    margin-top: -(@heading-height + @site-menu-height + @footer-height + 34 - 8)/2;
    position: absolute;
    top: 50%;
    width: 6px;
    border-top: 2px solid @white;
    border-bottom: 2px solid @white;
    background: repeating-linear-gradient(
          180deg,
          @white,
          @white 1px,
          @black060 1px,
          @black060 2px
    );
  }
}

.divider-vertical, .divider-navigation {
  border-bottom: none;
  border-top: none;
  float: left;
  margin-left: 0 - (@divider-size / 2);
  left: @site-width / 2;
  min-height: 100%;
  width: @divider-size;
  border-left: 5px solid @white;
  border-right: 5px solid @white;
}

.divider-horizontal {
  border-left: none;
  border-right: none;
  margin-top: 0 - (@divider-size / 2);
  top: 50%;
  min-width: 100%;
  height: @divider-size;
}