/*
 *= depend_on semantic_ui/theme.config
 *= depend_on semantic_ui/config/globals/reset.overrides
 *= depend_on semantic_ui/config/globals/reset.variables
 *= depend_on semantic_ui/config/globals/site.overrides
 *= depend_on semantic_ui/config/globals/site.variables
 *= depend_on semantic_ui/config/elements/rail.overrides
 *= depend_on semantic_ui/config/elements/rail.variables
 */

/*!
 * # Semantic UI - Rail
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
            Theme
*******************************/

@type    : 'element';
@element : 'rail';

@import (multiple) 'semantic_ui/theme.config';

/*******************************
             Rails
*******************************/

.ui.rail {
  position: absolute;
  top: 0%;
  width: @width;
  height: @height;
}

.ui.left.rail {
  left: auto;
  right: 100%;
  padding: 0em @splitDistance 0em 0em;
  margin: 0em @splitDistance 0em 0em;
}

.ui.right.rail {
  left: 100%;
  right: auto;
  padding: 0em 0em 0em @splitDistance;
  margin: 0em 0em 0em @splitDistance;
}

/*******************************
           Variations
*******************************/

/*--------------
     Internal
---------------*/

.ui.left.internal.rail {
  left: 0%;
  right: auto;
  padding: 0em 0em 0em @splitDistance;
  margin: 0em 0em 0em @splitDistance;
}

.ui.right.internal.rail {
  left: auto;
  right: 0%;
  padding: 0em @splitDistance 0em 0em;
  margin: 0em @splitDistance 0em 0em;
}


/*--------------
    Dividing
---------------*/

.ui.dividing.rail {
  width: @dividingWidth;
}
.ui.left.dividing.rail {
  padding: 0em @splitDividingDistance 0em 0em;
  margin: 0em @splitDividingDistance 0em 0em;
  border-right: @dividingBorder;
}
.ui.right.dividing.rail {
  border-left: @dividingBorder;
  padding: 0em 0em 0em @splitDividingDistance;
  margin: 0em 0em 0em @splitDividingDistance;
}

/*--------------
    Distance
---------------*/

.ui.close.rail {
  width: @closeWidth;
}
.ui.close.left.rail {
  padding: 0em @splitCloseDistance 0em 0em;
  margin: 0em @splitCloseDistance 0em 0em;
}
.ui.close.right.rail {
  padding: 0em 0em 0em @splitCloseDistance;
  margin: 0em 0em 0em @splitCloseDistance;
}

.ui.very.close.rail {
  width: @veryCloseWidth;
}
.ui.very.close.left.rail {
  padding: 0em @splitVeryCloseDistance 0em 0em;
  margin: 0em @splitVeryCloseDistance 0em 0em;
}
.ui.very.close.right.rail {
  padding: 0em 0em 0em @splitVeryCloseDistance;
  margin: 0em 0em 0em @splitVeryCloseDistance;
}

/*--------------
    Attached
---------------*/

.ui.attached.left.rail,
.ui.attached.right.rail {
  padding: 0em;
  margin: 0em;
}

/*--------------
     Sizing
---------------*/

.ui.rail {
  font-size: @medium;
}



.loadUIOverrides();