You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

180 lines
4.8 KiB

  1. /*
  2. * # Semantic - Sticky
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2013 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Theme
  13. *******************************/
  14. /*
  15. */
  16. /*******************************
  17. Folders
  18. *******************************/
  19. /* Path to theme packages */
  20. /* Path to site override folder */
  21. /*******************************
  22. Themes
  23. *******************************/
  24. /* To override a theme for an individual element
  25. specify theme name below
  26. Be sure to update the user folder name (see README)
  27. */
  28. /* Global */
  29. /* Elements */
  30. /* Collections */
  31. /* Modules */
  32. /* Views */
  33. /*******************************
  34. Import Directives
  35. *******************************/
  36. /*------------------
  37. Load Default
  38. -------------------*/
  39. /*******************************
  40. Global Variables
  41. *******************************/
  42. /*-------------------
  43. Paths
  44. --------------------*/
  45. /*-------------------
  46. Page
  47. --------------------*/
  48. /*-------------------
  49. Breakpoints
  50. --------------------*/
  51. /*-------------------
  52. Fonts
  53. --------------------*/
  54. /*-------------------
  55. Icons
  56. --------------------*/
  57. /* Width of largest icon */
  58. /*******************************
  59. BG Colors
  60. *******************************/
  61. /*******************************
  62. Colors
  63. *******************************/
  64. /*-------------------
  65. Background
  66. --------------------*/
  67. /*--- Colors ---*/
  68. /*--- Emotive ---*/
  69. /*--- Neutrals ---*/
  70. /*-------------------
  71. Emotive
  72. --------------------*/
  73. /*-------------------
  74. Text Colors
  75. --------------------*/
  76. /*-------------------
  77. Brand Colors
  78. --------------------*/
  79. /*-------------------
  80. Borders
  81. --------------------*/
  82. /*-------------------
  83. Sizes
  84. --------------------*/
  85. /*-------------------
  86. Transitions
  87. --------------------*/
  88. /*******************************
  89. States
  90. *******************************/
  91. /*-------------------
  92. Disabled
  93. --------------------*/
  94. /*-------------------
  95. Hover
  96. --------------------*/
  97. /*--- Colors ---*/
  98. /*--- Emotive ---*/
  99. /*--- Neutrals ---*/
  100. /*-------------------
  101. Down (:active)
  102. --------------------*/
  103. /*--- Colors ---*/
  104. /*--- Emotive ---*/
  105. /*--- Neutrals ---*/
  106. /*-------------------
  107. Active
  108. --------------------*/
  109. /*--- Standard ---*/
  110. /*--- Emotive ---*/
  111. /*--- Neutrals ---*/
  112. /*******************************
  113. Sticky
  114. *******************************/
  115. /*------------------
  116. Load Theme
  117. -------------------*/
  118. /*------------------
  119. Load Site
  120. -------------------*/
  121. /*******************************
  122. User Global Variables
  123. *******************************/
  124. /*******************************
  125. Overrides
  126. *******************************/
  127. /*------------------
  128. Override Mix-in
  129. -------------------*/
  130. /*******************************
  131. Sticky
  132. *******************************/
  133. .ui.sticky {
  134. position: static;
  135. }
  136. /*******************************
  137. States
  138. *******************************/
  139. /* Bound */
  140. .ui.sticky.bound {
  141. position: absolute;
  142. left: auto;
  143. right: auto;
  144. }
  145. /* Fixed */
  146. .ui.sticky.fixed {
  147. position: fixed;
  148. left: auto;
  149. right: auto;
  150. }
  151. /* Bound/Fixed Position */
  152. .ui.sticky.bound.top,
  153. .ui.sticky.fixed.top {
  154. top: 0px;
  155. bottom: auto;
  156. }
  157. .ui.sticky.bound.bottom,
  158. .ui.sticky.fixed.bottom {
  159. top: auto;
  160. bottom: 0px;
  161. }
  162. /*******************************
  163. Types
  164. *******************************/
  165. .ui.native.sticky {
  166. position: -webkit-sticky;
  167. position: -moz-sticky;
  168. position: -ms-sticky;
  169. position: -o-sticky;
  170. position: sticky;
  171. }