rail.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. /*!
  2. * # Semantic UI 2.4.2 - Rail
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Released under the MIT license
  7. * http://opensource.org/licenses/MIT
  8. *
  9. */
  10. /*******************************
  11. Rails
  12. *******************************/
  13. .ui.rail {
  14. position: absolute;
  15. top: 0%;
  16. width: 300px;
  17. height: 100%;
  18. }
  19. .ui.left.rail {
  20. left: auto;
  21. right: 100%;
  22. padding: 0em 2rem 0em 0em;
  23. margin: 0em 2rem 0em 0em;
  24. }
  25. .ui.right.rail {
  26. left: 100%;
  27. right: auto;
  28. padding: 0em 0em 0em 2rem;
  29. margin: 0em 0em 0em 2rem;
  30. }
  31. /*******************************
  32. Variations
  33. *******************************/
  34. /*--------------
  35. Internal
  36. ---------------*/
  37. .ui.left.internal.rail {
  38. left: 0%;
  39. right: auto;
  40. padding: 0em 0em 0em 2rem;
  41. margin: 0em 0em 0em 2rem;
  42. }
  43. .ui.right.internal.rail {
  44. left: auto;
  45. right: 0%;
  46. padding: 0em 2rem 0em 0em;
  47. margin: 0em 2rem 0em 0em;
  48. }
  49. /*--------------
  50. Dividing
  51. ---------------*/
  52. .ui.dividing.rail {
  53. width: 302.5px;
  54. }
  55. .ui.left.dividing.rail {
  56. padding: 0em 2.5rem 0em 0em;
  57. margin: 0em 2.5rem 0em 0em;
  58. border-right: 1px solid rgba(34, 36, 38, 0.15);
  59. }
  60. .ui.right.dividing.rail {
  61. border-left: 1px solid rgba(34, 36, 38, 0.15);
  62. padding: 0em 0em 0em 2.5rem;
  63. margin: 0em 0em 0em 2.5rem;
  64. }
  65. /*--------------
  66. Distance
  67. ---------------*/
  68. .ui.close.rail {
  69. width: calc( 300px + 1em );
  70. }
  71. .ui.close.left.rail {
  72. padding: 0em 1em 0em 0em;
  73. margin: 0em 1em 0em 0em;
  74. }
  75. .ui.close.right.rail {
  76. padding: 0em 0em 0em 1em;
  77. margin: 0em 0em 0em 1em;
  78. }
  79. .ui.very.close.rail {
  80. width: calc( 300px + 0.5em );
  81. }
  82. .ui.very.close.left.rail {
  83. padding: 0em 0.5em 0em 0em;
  84. margin: 0em 0.5em 0em 0em;
  85. }
  86. .ui.very.close.right.rail {
  87. padding: 0em 0em 0em 0.5em;
  88. margin: 0em 0em 0em 0.5em;
  89. }
  90. /*--------------
  91. Attached
  92. ---------------*/
  93. .ui.attached.left.rail,
  94. .ui.attached.right.rail {
  95. padding: 0em;
  96. margin: 0em;
  97. }
  98. /*--------------
  99. Sizing
  100. ---------------*/
  101. .ui.mini.rail {
  102. font-size: 0.78571429rem;
  103. }
  104. .ui.tiny.rail {
  105. font-size: 0.85714286rem;
  106. }
  107. .ui.small.rail {
  108. font-size: 0.92857143rem;
  109. }
  110. .ui.rail {
  111. font-size: 1rem;
  112. }
  113. .ui.large.rail {
  114. font-size: 1.14285714rem;
  115. }
  116. .ui.big.rail {
  117. font-size: 1.28571429rem;
  118. }
  119. .ui.huge.rail {
  120. font-size: 1.42857143rem;
  121. }
  122. .ui.massive.rail {
  123. font-size: 1.71428571rem;
  124. }
  125. /*******************************
  126. Theme Overrides
  127. *******************************/
  128. /*******************************
  129. Site Overrides
  130. *******************************/