|
|
@@ -2,18 +2,26 @@
|
|
|
@use '@growi/core/scss/growi-official-colors';
|
|
|
@use '~/styles/variables' as var;
|
|
|
|
|
|
+// == Colors
|
|
|
.grw-logo :global {
|
|
|
- fill: var(--grw-app-title-color, var(--bs-tertiary-color));
|
|
|
// set transition for fill
|
|
|
- transition: fill 0.8s ease-out;
|
|
|
+ svg, svg * {
|
|
|
+ transition: fill 0.8s ease-out;
|
|
|
+ }
|
|
|
|
|
|
- &:hover {
|
|
|
- .group1 {
|
|
|
- fill: growi-official-colors.$growi-green;
|
|
|
- }
|
|
|
+ fill: var(--grw-app-title-color, var(--bs-tertiary-color));
|
|
|
+}
|
|
|
+
|
|
|
+.grw-logo {
|
|
|
+ &:global {
|
|
|
+ &:hover {
|
|
|
+ .group1 {
|
|
|
+ fill: growi-official-colors.$growi-green;
|
|
|
+ }
|
|
|
|
|
|
- .group2 {
|
|
|
- fill: growi-official-colors.$growi-blue;
|
|
|
+ .group2 {
|
|
|
+ fill: growi-official-colors.$growi-blue;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|