_men-item.scss 482 B

123456789101112131415161718192021222324252627
  1. .ui-menu-item {
  2. height: 100%;
  3. width: 100%;
  4. cursor: pointer;
  5. display: flex;
  6. align-items: center;
  7. justify-content: center;
  8. flex-direction: column;
  9. color: var(--editor-men-color);
  10. transition: all .3s ease;
  11. span{
  12. width: 100%;
  13. text-align: center;
  14. margin-top: 6px;
  15. overflow: hidden;
  16. }
  17. &:hover{
  18. color: var( --color-main-hover);
  19. }
  20. &.active{
  21. color: var( --color-main-normal);
  22. background-color: var(--editor-menu-active);
  23. }
  24. }