backtop.scss 622 B

1234567891011121314151617181920212223242526272829
  1. @use 'mixins/mixins' as *;
  2. @use 'mixins/var' as *;
  3. @use 'common/var' as *;
  4. @include b(backtop) {
  5. @include set-component-css-var('backtop', $backtop);
  6. position: fixed;
  7. background-color: getCssVar('backtop', 'bg-color');
  8. width: 40px;
  9. height: 40px;
  10. border-radius: 50%;
  11. color: getCssVar('backtop', 'text-color');
  12. display: flex;
  13. align-items: center;
  14. justify-content: center;
  15. font-size: 20px;
  16. box-shadow: getCssVar('box-shadow', 'lighter');
  17. cursor: pointer;
  18. z-index: 5;
  19. &:hover {
  20. background-color: getCssVar('backtop', 'hover-bg-color');
  21. }
  22. @include e(icon) {
  23. font-size: 20px;
  24. }
  25. }