/*******************************
            Rail
*******************************/

/*-------------------
       Element
--------------------*/

@railWidth: 300px;
@railHeight: 100%;

@railDistance: 4rem;
@railSplitDistance: (@railDistance / 2);

/*-------------------
      Variations
--------------------*/

/* Close */
@railCloseDistance: 2em;
@railVeryCloseDistance: 1em;

@railSplitCloseDistance: (@railCloseDistance / 2);
@railSplitVeryCloseDistance: (@railVeryCloseDistance / 2);

@railCloseWidth: ~"calc("@railWidth~" + "@railSplitCloseDistance~")";
@railVeryCloseWidth: ~"calc("@railWidth~" + "@railSplitVeryCloseDistance~")";

/* Dividing */
@railDividingBorder: 1px solid @borderColor;
@railDividingDistance: 5rem;
@railSplitDividingDistance: (@railDividingDistance / 2);
@railDividingWidth: @railWidth + @railSplitDividingDistance;