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.

73 lines
1.2 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. transition: @transition;
  23. }
  24. /*******************************
  25. States
  26. *******************************/
  27. /* Bound */
  28. .ui.sticky.bound {
  29. position: absolute;
  30. left: auto;
  31. right: auto;
  32. }
  33. /* Fixed */
  34. .ui.sticky.fixed {
  35. position: fixed;
  36. left: auto;
  37. right: auto;
  38. }
  39. /* Bound/Fixed Position */
  40. .ui.sticky.bound.top,
  41. .ui.sticky.fixed.top {
  42. top: 0px;
  43. bottom: auto;
  44. }
  45. .ui.sticky.bound.bottom,
  46. .ui.sticky.fixed.bottom {
  47. top: auto;
  48. bottom: 0px;
  49. }
  50. /*******************************
  51. Types
  52. *******************************/
  53. .ui.native.sticky {
  54. position: -webkit-sticky;
  55. position: -moz-sticky;
  56. position: -ms-sticky;
  57. position: -o-sticky;
  58. position: sticky;
  59. }
  60. .loadUIOverrides();