index.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536
  1. @import './var.less';
  2. :root {
  3. --van-action-bar-icon-width: @action-bar-icon-width;
  4. --van-action-bar-icon-height: @action-bar-icon-height;
  5. --van-action-bar-icon-color: @action-bar-icon-color;
  6. --van-action-bar-icon-size: @action-bar-icon-size;
  7. --van-action-bar-icon-font-size: @action-bar-icon-font-size;
  8. --van-action-bar-icon-active-color: @action-bar-icon-active-color;
  9. --van-action-bar-icon-text-color: @action-bar-icon-text-color;
  10. --van-action-bar-icon-background-color: @action-bar-icon-background-color;
  11. }
  12. .van-action-bar-icon {
  13. display: flex;
  14. flex-direction: column;
  15. justify-content: center;
  16. min-width: var(--van-action-bar-icon-width);
  17. height: var(--van-action-bar-icon-height);
  18. color: var(--van-action-bar-icon-text-color);
  19. font-size: var(--van-action-bar-icon-font-size);
  20. line-height: 1;
  21. text-align: center;
  22. background: var(--van-action-bar-icon-background-color);
  23. cursor: pointer;
  24. &:active {
  25. background-color: var(--van-action-bar-icon-active-color);
  26. }
  27. &__icon {
  28. margin: 0 auto var(--van-padding-base);
  29. color: var(--van-action-bar-icon-color);
  30. font-size: var(--van-action-bar-icon-size);
  31. }
  32. }