[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 {
background-color: $secondary-text-color;
svg path:last-child {
fill: $secondary-text-color;
}
}
}

View file

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

View file

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

View file

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