35 lines
763 B
Text
35 lines
763 B
Text
|
/*******************************
|
||
|
|
Rail
|
||
|
|
*******************************/
|
||
|
|
|
||
|
|
/*-------------------
|
||
|
|
Element
|
||
|
|
--------------------*/
|
||
|
|
|
||
|
|
@width: 300px;
|
||
|
|
@height: 100%;
|
||
|
|
|
||
|
|
@distance: 4rem;
|
||
|
|
@splitDistance: (@distance / 2);
|
||
|
|
|
||
|
|
/*-------------------
|
||
|
|
Variations
|
||
|
|
--------------------*/
|
||
|
|
|
||
|
|
/* Close */
|
||
|
|
@closeDistance: 2em;
|
||
|
|
@veryCloseDistance: 1em;
|
||
|
|
|
||
|
|
@splitCloseDistance: (@closeDistance / 2);
|
||
|
|
@splitVeryCloseDistance: (@veryCloseDistance / 2);
|
||
|
|
|
||
|
|
@closeWidth: e(%("calc(%d + %d)", @width, @splitCloseDistance));
|
||
|
|
@veryCloseWidth: e(%("calc(%d + %d)", @width, @splitVeryCloseDistance));
|
||
|
|
|
||
|
|
/* Dividing */
|
||
|
|
@dividingBorder: 1px solid @borderColor;
|
||
|
|
@dividingDistance: 5rem;
|
||
|
|
@splitDividingDistance: (@dividingDistance / 2);
|
||
|
|
@dividingWidth: @width + @splitDividingDistance;
|
||
|
|
|