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.

198 lines
5.2 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic - Sticky
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2014 Contributor
  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. Sticky
  41. *******************************/
  42. /*------------------
  43. Load Theme
  44. -------------------*/
  45. /*******************************
  46. Site Settings
  47. *******************************/
  48. /*-------------------
  49. Paths
  50. --------------------*/
  51. /*-------------------
  52. Fonts
  53. --------------------*/
  54. /*-------------------
  55. Site Colors
  56. --------------------*/
  57. /*--- Colors ---*/
  58. /*-------------------
  59. Page
  60. --------------------*/
  61. /*-------------------
  62. Background Colors
  63. --------------------*/
  64. /* Used for differentiating neutrals */
  65. /* Used for differentiating layers */
  66. /*-------------------
  67. Grid
  68. --------------------*/
  69. /*-------------------
  70. Breakpoints
  71. --------------------*/
  72. /*******************************
  73. Power-User
  74. *******************************/
  75. /*-------------------
  76. Icons
  77. --------------------*/
  78. /* Max Width of Icon */
  79. /*-------------------
  80. Easing
  81. --------------------*/
  82. /*--- Light Variations ---*/
  83. /*--- Neutrals ---*/
  84. /*--- Colored Backgrounds ---*/
  85. /*--- Colored Text ---*/
  86. /*--- Colored Headers ---*/
  87. /*-------------------
  88. Emotive Colors
  89. --------------------*/
  90. /* Mood */
  91. /* Solid Background Color */
  92. /* Status */
  93. /* Darkened Headers */
  94. /*-------------------
  95. Neutral Text
  96. --------------------*/
  97. /*-------------------
  98. Brand Colors
  99. --------------------*/
  100. /*-------------------
  101. Grid Columns
  102. --------------------*/
  103. /*-------------------
  104. Borders
  105. --------------------*/
  106. /*-------------------
  107. Sizes
  108. --------------------*/
  109. /*-------------------
  110. Transitions
  111. --------------------*/
  112. /*******************************
  113. States
  114. *******************************/
  115. /*-------------------
  116. Disabled
  117. --------------------*/
  118. /*-------------------
  119. Hover
  120. --------------------*/
  121. /*--- Colors ---*/
  122. /*--- Emotive ---*/
  123. /*--- Neutrals ---*/
  124. /*-------------------
  125. Down (:active)
  126. --------------------*/
  127. /*--- Colors ---*/
  128. /*--- Emotive ---*/
  129. /*--- Neutrals ---*/
  130. /*-------------------
  131. Active
  132. --------------------*/
  133. /*--- Standard ---*/
  134. /*--- Emotive ---*/
  135. /*--- Neutrals ---*/
  136. /*------------------
  137. Load Site
  138. -------------------*/
  139. /*******************************
  140. User Global Variables
  141. *******************************/
  142. /*******************************
  143. Overrides
  144. *******************************/
  145. /*------------------
  146. Override Mix-in
  147. -------------------*/
  148. /*******************************
  149. Sticky
  150. *******************************/
  151. .ui.sticky {
  152. position: static;
  153. }
  154. /*******************************
  155. States
  156. *******************************/
  157. /* Bound */
  158. .ui.sticky.bound {
  159. position: absolute;
  160. left: auto;
  161. right: auto;
  162. }
  163. /* Fixed */
  164. .ui.sticky.fixed {
  165. position: fixed;
  166. left: auto;
  167. right: auto;
  168. }
  169. /* Bound/Fixed Position */
  170. .ui.sticky.bound.top,
  171. .ui.sticky.fixed.top {
  172. top: 0px;
  173. bottom: auto;
  174. }
  175. .ui.sticky.bound.bottom,
  176. .ui.sticky.fixed.bottom {
  177. top: auto;
  178. bottom: 0px;
  179. }
  180. /*******************************
  181. Types
  182. *******************************/
  183. .ui.native.sticky {
  184. position: -webkit-sticky;
  185. position: -moz-sticky;
  186. position: -ms-sticky;
  187. position: -o-sticky;
  188. position: sticky;
  189. }