/*
 * # Semantic - Rail
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

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

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

@import '../../semantic.config';

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

.ui.rail {
  font-size: @size;
  position: absolute;
  top: 0%;
  width: @width;
  box-sizing: @contentSizing;
}

.ui.left.rail {
  left: auto;
  right: 100%;
  padding: 0em (@distance / 2) 0em 0em;
  margin: 0em (@distance / 2) 0em 0em;
}

.ui.right.rail {
  left: 100%;
  right: auto;
  padding: 0em 0em 0em (@distance / 2);
  margin: 0em 0em 0em (@distance / 2);
}

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

/*--------------
     Divided
---------------*/

.ui.left.dividing.rail {
  padding: 0em (@dividedDistance / 2) 0em 0em;
  margin: 0em (@dividedDistance / 2) 0em 0em;
  border-right: @dividedBorder;
}
.ui.right.dividing.rail {
  border-left: @dividedBorder;
  padding: 0em 0em 0em (@dividedDistance / 2);
  margin: 0em 0em 0em (@dividedDistance / 2);
}

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

.ui.close.left.rail {
  padding: 0em (@closeDistance / 2) 0em 0em;
  margin: 0em (@closeDistance / 2) 0em 0em;
}
.ui.close.right.rail {
  padding: 0em 0em 0em (@closeDistance / 2);
  margin: 0em 0em 0em (@closeDistance / 2);
}
.ui.very.close.left.rail {
  padding: 0em (@veryCloseDistance / 2) 0em 0em;
  margin: 0em (@veryCloseDistance / 2) 0em 0em;
}
.ui.very.close.right.rail {
  padding: 0em 0em 0em (@veryCloseDistance / 2);
  margin: 0em 0em 0em (@veryCloseDistance / 2);
}


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

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



.loadUIOverrides();