index.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. .ant-back-top {
  4. box-sizing: border-box;
  5. margin: 0;
  6. padding: 0;
  7. color: rgba(0, 0, 0, 0.85);
  8. font-size: 14px;
  9. font-variant: tabular-nums;
  10. line-height: 1.5715;
  11. list-style: none;
  12. font-feature-settings: 'tnum';
  13. position: fixed;
  14. right: 100px;
  15. bottom: 50px;
  16. z-index: 10;
  17. width: 40px;
  18. height: 40px;
  19. cursor: pointer;
  20. }
  21. .ant-back-top:empty {
  22. display: none;
  23. }
  24. .ant-back-top-rtl {
  25. right: auto;
  26. left: 100px;
  27. direction: rtl;
  28. }
  29. .ant-back-top-content {
  30. width: 40px;
  31. height: 40px;
  32. overflow: hidden;
  33. color: #fff;
  34. text-align: center;
  35. background-color: rgba(0, 0, 0, 0.45);
  36. border-radius: 20px;
  37. transition: all 0.3s;
  38. }
  39. .ant-back-top-content:hover {
  40. background-color: rgba(0, 0, 0, 0.85);
  41. transition: all 0.3s;
  42. }
  43. .ant-back-top-icon {
  44. font-size: 24px;
  45. line-height: 40px;
  46. }
  47. @media screen and (max-width: 768px) {
  48. .ant-back-top {
  49. right: 60px;
  50. }
  51. .ant-back-top-rtl {
  52. right: auto;
  53. left: 60px;
  54. }
  55. }
  56. @media screen and (max-width: 480px) {
  57. .ant-back-top {
  58. right: 20px;
  59. }
  60. .ant-back-top-rtl {
  61. right: auto;
  62. left: 20px;
  63. }
  64. }