sticky.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /*!
  2. * # Semantic UI 2.3.3 - Sticky
  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. Sticky
  12. *******************************/
  13. .ui.sticky {
  14. position: static;
  15. -webkit-transition: none;
  16. transition: none;
  17. z-index: 800;
  18. }
  19. /*******************************
  20. States
  21. *******************************/
  22. /* Bound */
  23. .ui.sticky.bound {
  24. position: absolute;
  25. left: auto;
  26. right: auto;
  27. }
  28. /* Fixed */
  29. .ui.sticky.fixed {
  30. position: fixed;
  31. left: auto;
  32. right: auto;
  33. }
  34. /* Bound/Fixed Position */
  35. .ui.sticky.bound.top,
  36. .ui.sticky.fixed.top {
  37. top: 0px;
  38. bottom: auto;
  39. }
  40. .ui.sticky.bound.bottom,
  41. .ui.sticky.fixed.bottom {
  42. top: auto;
  43. bottom: 0px;
  44. }
  45. /*******************************
  46. Types
  47. *******************************/
  48. .ui.native.sticky {
  49. position: -webkit-sticky;
  50. position: -moz-sticky;
  51. position: -ms-sticky;
  52. position: -o-sticky;
  53. position: sticky;
  54. }
  55. /*******************************
  56. Theme Overrides
  57. *******************************/
  58. /*******************************
  59. Site Overrides
  60. *******************************/