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.

70 lines
1.1 KiB

  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. @type : 'module';
  15. @element : 'sticky';
  16. @import '../../semantic.config';
  17. /*******************************
  18. Sticky
  19. *******************************/
  20. .ui.sticky {
  21. position: static;
  22. }
  23. /*******************************
  24. States
  25. *******************************/
  26. /* Bound */
  27. .ui.sticky.bound {
  28. position: absolute;
  29. left: auto;
  30. right: auto;
  31. }
  32. /* Fixed */
  33. .ui.sticky.fixed {
  34. position: fixed;
  35. left: auto;
  36. right: auto;
  37. }
  38. /* Bound/Fixed Position */
  39. .ui.sticky.bound.top,
  40. .ui.sticky.fixed.top {
  41. top: 0px;
  42. bottom: auto;
  43. }
  44. .ui.sticky.bound.bottom,
  45. .ui.sticky.fixed.bottom {
  46. top: auto;
  47. bottom: 0px;
  48. }
  49. /*******************************
  50. Types
  51. *******************************/
  52. .ui.native.sticky {
  53. position: -webkit-sticky;
  54. position: -moz-sticky;
  55. position: -ms-sticky;
  56. position: -o-sticky;
  57. position: sticky;
  58. }