index.css 1.2 KB

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