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.

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