postion.scss 628 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .posi-absolute{
  2. position: absolute;
  3. left: 0;
  4. right: 0;
  5. //top: var(--window-top);
  6. top:0;
  7. bottom: 0;
  8. }
  9. .posi-absolute-top{
  10. bottom: auto;
  11. }
  12. .posi-absolute-left{
  13. right: auto;
  14. }
  15. .posi-absolute-right{
  16. left: auto;
  17. }
  18. .posi-absolute-bottom{
  19. top: auto;
  20. }
  21. .posi-relative{
  22. position: relative;
  23. }
  24. .posi-absolute-center{
  25. left: 50%;
  26. top: 50%;
  27. transform: translate(-50%,-50%);
  28. }
  29. .posi-fixed{
  30. position: fixed;
  31. left: 0;
  32. right: 0;
  33. top: var(--window-top);
  34. bottom: 0;
  35. }
  36. .posi-fixed-top{
  37. bottom: auto;
  38. }
  39. .posi-fixed-left{
  40. right: auto;
  41. }
  42. .posi-fixed-right{
  43. left: auto;
  44. }
  45. .posi-fixed-bottom{
  46. top: auto;
  47. }