/*!
* # Semantic UI 2.2.4 - Rail * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */
/*******************************
Rails
*******************************/
.ui.rail {
position: absolute; top: 0%; width: 300px; height: 100%;
} .ui.left.rail {
left: auto; right: 100%; padding: 0em 2rem 0em 0em; margin: 0em 2rem 0em 0em;
} .ui.right.rail {
left: 100%; right: auto; padding: 0em 0em 0em 2rem; margin: 0em 0em 0em 2rem;
}
/*******************************
Variations
*******************************/
/*————–
Internal
—————*/
.ui.left.internal.rail {
left: 0%; right: auto; padding: 0em 0em 0em 2rem; margin: 0em 0em 0em 2rem;
} .ui.right.internal.rail {
left: auto; right: 0%; padding: 0em 2rem 0em 0em; margin: 0em 2rem 0em 0em;
}
/*————–
Dividing
—————*/
.ui.dividing.rail {
width: 302.5px;
} .ui.left.dividing.rail {
padding: 0em 2.5rem 0em 0em; margin: 0em 2.5rem 0em 0em; border-right: 1px solid rgba(34, 36, 38, 0.15);
} .ui.right.dividing.rail {
border-left: 1px solid rgba(34, 36, 38, 0.15); padding: 0em 0em 0em 2.5rem; margin: 0em 0em 0em 2.5rem;
}
/*————–
Distance
—————*/
.ui.close.rail {
width: calc( 300px + 1em );
} .ui.close.left.rail {
padding: 0em 1em 0em 0em; margin: 0em 1em 0em 0em;
} .ui.close.right.rail {
padding: 0em 0em 0em 1em; margin: 0em 0em 0em 1em;
} .ui.very.close.rail {
width: calc( 300px + 0.5em );
} .ui.very.close.left.rail {
padding: 0em 0.5em 0em 0em; margin: 0em 0.5em 0em 0em;
} .ui.very.close.right.rail {
padding: 0em 0em 0em 0.5em; margin: 0em 0em 0em 0.5em;
}
/*————–
Attached
—————*/
.ui.attached.left.rail, .ui.attached.right.rail {
padding: 0em; margin: 0em;
}
/*————–
Sizing
—————*/
.ui.mini.rail {
font-size: 0.78571429rem;
} .ui.tiny.rail {
font-size: 0.85714286rem;
} .ui.small.rail {
font-size: 0.92857143rem;
} .ui.rail {
font-size: 1rem;
} .ui.large.rail {
font-size: 1.14285714rem;
} .ui.big.rail {
font-size: 1.28571429rem;
} .ui.huge.rail {
font-size: 1.42857143rem;
} .ui.massive.rail {
font-size: 1.71428571rem;
}
/*******************************
Theme Overrides
*******************************/
/*******************************
Site Overrides
*******************************/