GrowiLogo.module.scss 448 B

1234567891011121314151617181920212223242526
  1. @use '@growi/core-styles/scss/variables/growi-official-colors';
  2. // == Colors
  3. .grw-logo :global {
  4. // set transition for fill
  5. svg, svg * {
  6. transition: fill 0.8s ease-out;
  7. }
  8. fill: var(--grw-app-title-color, var(--bs-tertiary-color));
  9. }
  10. .grw-logo {
  11. &:global {
  12. &:hover {
  13. .group1 {
  14. fill: growi-official-colors.$growi-green;
  15. }
  16. .group2 {
  17. fill: growi-official-colors.$growi-blue;
  18. }
  19. }
  20. }
  21. }