diff --git a/src/definitions/elements/rail.less b/src/definitions/elements/rail.less index bc1a37815..8b09a7c6a 100755 --- a/src/definitions/elements/rail.less +++ b/src/definitions/elements/rail.less @@ -61,8 +61,29 @@ 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 diff --git a/src/themes/packages/default/elements/rail.variables b/src/themes/packages/default/elements/rail.variables index a22e4015b..a2448b4d2 100755 --- a/src/themes/packages/default/elements/rail.variables +++ b/src/themes/packages/default/elements/rail.variables @@ -15,5 +15,10 @@ Variations --------------------*/ +/* Close */ +@closeDistance: 2em; +@veryCloseDistance: 1em; + +/* Divided */ @dividedBorder: 1px solid @borderColor; @dividedDistance: 5rem;