/*!
 * StyleSheet for JQuery splitter Plugin
 * Copyright (C) 2010 Jakub Jankiewicz <http://jcubic.pl>
 *
 * Same license as plugin
 */

.splitter_panel
  position: relative

.splitter_panel .vsplitter
  cursor: col-resize
  z-index: 900
  width: 5px
  background-color: white
  border-right: $border-med
  border-left: $border-med

.splitter_panel .hsplitter
  cursor: row-resize
  z-index: 800
  height: 8px
  background: white url(../images/icon-resize-horiz.svg) no-repeat center center
  background-size: auto 3px
  border-bottom: $border-med
  border-top: $border-med

.splitter_panel .vsplitter.splitter-invisible,
.splitter_panel .hsplitter.splitter-invisible
    background: none

.splitter_panel .vsplitter, .splitter_panel .left_panel, .splitter_panel .right_panel,
.splitter_panel .hsplitter, .splitter_panel .top_panel, .splitter_panel .bottom_panel
    position: absolute
    overflow: auto

.splitter_panel .vsplitter, .splitter_panel .left_panel, .splitter_panel .right_panel
  height: 100%

.splitter_panel .hsplitter, .splitter_panel .top_panel, .splitter_panel .bottom_panel
  width: 100%

.splitter_panel .top_panel, .splitter_panel .left_panel, .splitter_panel .right_panel, .splitter_panel .vsplitter
  top: 0

.splitter_panel .top_panel, .splitter_panel .bottom_panel, .splitter_panel .left_panel, .splitter_panel .hsplitter
  left: 0

.splitter_panel .bottom_panel
  bottom: 0

.splitter_panel .right_panel
  right: 0

.splitterMask
  position: absolute
  left: 0
  top: 0
  right: 0
  bottom: 0
  z-index: 1000
  cursor: default