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.

185 lines
4.9 KiB

10 years ago
10 years ago
  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. Grid
  50. --------------------*/
  51. /*-------------------
  52. Breakpoints
  53. --------------------*/
  54. /*-------------------
  55. Fonts
  56. --------------------*/
  57. /*-------------------
  58. Icons
  59. --------------------*/
  60. /* Max Width of Icon */
  61. /*-------------------
  62. Easing
  63. --------------------*/
  64. /*******************************
  65. BG Colors
  66. *******************************/
  67. /*******************************
  68. Colors
  69. *******************************/
  70. /*--- Colors ---*/
  71. /*--- Neutrals ---*/
  72. /*--- Text Colors ---*/
  73. /* Preserve */
  74. /* Adjust for Legibility */
  75. /*--- Backgrounds ---*/
  76. /*-------------------
  77. Emotive Colors
  78. --------------------*/
  79. /* Positive / Negative */
  80. /* Messages */
  81. /*-------------------
  82. Text Colors
  83. --------------------*/
  84. /*-------------------
  85. Brand Colors
  86. --------------------*/
  87. /*-------------------
  88. Borders
  89. --------------------*/
  90. /*-------------------
  91. Sizes
  92. --------------------*/
  93. /*-------------------
  94. Transitions
  95. --------------------*/
  96. /*******************************
  97. States
  98. *******************************/
  99. /*-------------------
  100. Disabled
  101. --------------------*/
  102. /*-------------------
  103. Hover
  104. --------------------*/
  105. /*--- Colors ---*/
  106. /*--- Emotive ---*/
  107. /*--- Neutrals ---*/
  108. /*-------------------
  109. Down (:active)
  110. --------------------*/
  111. /*--- Colors ---*/
  112. /*--- Emotive ---*/
  113. /*--- Neutrals ---*/
  114. /*-------------------
  115. Active
  116. --------------------*/
  117. /*--- Standard ---*/
  118. /*--- Emotive ---*/
  119. /*--- Neutrals ---*/
  120. /*------------------
  121. Load Theme
  122. -------------------*/
  123. /*------------------
  124. Load Site
  125. -------------------*/
  126. /*******************************
  127. User Global Variables
  128. *******************************/
  129. /*******************************
  130. Overrides
  131. *******************************/
  132. /*------------------
  133. Override Mix-in
  134. -------------------*/
  135. /*******************************
  136. Sticky
  137. *******************************/
  138. .ui.sticky {
  139. position: static;
  140. }
  141. /*******************************
  142. States
  143. *******************************/
  144. /* Bound */
  145. .ui.sticky.bound {
  146. position: absolute;
  147. left: auto;
  148. right: auto;
  149. }
  150. /* Fixed */
  151. .ui.sticky.fixed {
  152. position: fixed;
  153. left: auto;
  154. right: auto;
  155. }
  156. /* Bound/Fixed Position */
  157. .ui.sticky.bound.top,
  158. .ui.sticky.fixed.top {
  159. top: 0px;
  160. bottom: auto;
  161. }
  162. .ui.sticky.bound.bottom,
  163. .ui.sticky.fixed.bottom {
  164. top: auto;
  165. bottom: 0px;
  166. }
  167. /*******************************
  168. Types
  169. *******************************/
  170. .ui.native.sticky {
  171. position: -webkit-sticky;
  172. position: -moz-sticky;
  173. position: -ms-sticky;
  174. position: -o-sticky;
  175. position: sticky;
  176. }