anchor-link.scss 863 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. @use 'sass:map';
  2. @use 'mixins/mixins' as *;
  3. @use 'mixins/var' as *;
  4. @use 'common/var' as *;
  5. @include b(anchor) {
  6. @include e(item) {
  7. overflow: hidden;
  8. display: flex;
  9. flex-direction: column;
  10. }
  11. @include e(link) {
  12. font-size: getCssVar('anchor-font-size');
  13. line-height: getCssVar('anchor-line-height');
  14. padding: 4px 0;
  15. color: getCssVar('anchor-color');
  16. transition: color getCssVar('transition-duration');
  17. white-space: nowrap;
  18. text-decoration: none;
  19. text-overflow: ellipsis;
  20. overflow: hidden;
  21. max-width: 100%;
  22. outline: none;
  23. cursor: pointer;
  24. &:hover,
  25. &:focus {
  26. color: getCssVar('anchor-color');
  27. }
  28. @include when(active) {
  29. color: getCssVar('anchor-active-color');
  30. }
  31. }
  32. & .#{$namespace}-anchor__list .#{$namespace}-anchor__item a {
  33. display: inline-block;
  34. }
  35. }