style.scoped.scss 503 B

123456789101112131415161718192021222324252627
  1. .tab {
  2. display: flex;
  3. width: 99%;
  4. margin: 0 0 5px -10px;
  5. padding: 5px 0 5px 10px;
  6. display: flex;
  7. align-items: center;
  8. transition: 0.2s;
  9. border-radius: 0 3px 3px 0;
  10. &:hover {
  11. cursor: pointer;
  12. background: rgba(255, 255, 255, 0.1);
  13. }
  14. }
  15. .image {
  16. filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg)
  17. brightness(109%) contrast(109%);
  18. width: 20px;
  19. height: 20px;
  20. }
  21. .text {
  22. font-size: 14px;
  23. margin-left: 10px;
  24. }