@import "./split-pane";
@import "./split-pane.md.vars";

// Split Pane
// --------------------------------------------------

.split-pane-md.split-pane-visible > .split-pane-side {
  min-width: $split-pane-md-side-min-width;
  max-width: $split-pane-md-side-max-width;

  border-right: $split-pane-md-border;
  border-left: 0;
}

.split-pane-md.split-pane-visible > .split-pane-side[side=end] {
  min-width: $split-pane-md-side-min-width;
  max-width: $split-pane-md-side-max-width;

  border-right: 0;
  border-left: $split-pane-md-border;
}