[Glitch] Use <use /> to render transparent SVG logo instead of inserting it

Port SCSS changes from 8d5dcc9301 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
This commit is contained in:
Eugen Rochko 2019-05-27 03:33:39 +02:00 committed by Thibaut Girka
parent 3d73d76e55
commit 56d8faab18
4 changed files with 3 additions and 33 deletions

View file

@ -361,10 +361,6 @@
.logo-button { .logo-button {
background-color: $secondary-text-color; background-color: $secondary-text-color;
svg path:last-child {
fill: $secondary-text-color;
}
} }
} }

View file

@ -122,10 +122,7 @@
height: 36px; height: 36px;
width: auto; width: auto;
margin: 0 auto; margin: 0 auto;
fill: lighten($ui-base-color, 34%);
path {
fill: lighten($ui-base-color, 34%);
}
} }
&:hover, &:hover,

View file

@ -320,7 +320,7 @@
.button.logo-button { .button.logo-button {
color: $white; color: $white;
svg path:first-child { svg {
fill: $white; fill: $white;
} }
} }

View file

@ -89,40 +89,21 @@
height: auto; height: auto;
vertical-align: middle; vertical-align: middle;
margin-right: 5px; margin-right: 5px;
fill: $primary-text-color;
path:first-child {
fill: $primary-text-color;
}
path:last-child {
fill: $ui-highlight-color;
}
} }
&:active, &:active,
&:focus, &:focus,
&:hover { &:hover {
background: lighten($ui-highlight-color, 10%); background: lighten($ui-highlight-color, 10%);
svg path:last-child {
fill: lighten($ui-highlight-color, 10%);
}
} }
&:disabled, &:disabled,
&.disabled { &.disabled {
svg path:last-child {
fill: $ui-primary-color;
}
&:active, &:active,
&:focus, &:focus,
&:hover { &:hover {
background: $ui-primary-color; background: $ui-primary-color;
svg path:last-child {
fill: $ui-primary-color;
}
} }
} }
@ -131,10 +112,6 @@
&:focus, &:focus,
&:hover { &:hover {
background: $error-red; background: $error-red;
svg path:last-child {
fill: $error-red;
}
} }
} }