forked from treehouse/mastodon
[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>
signup-info-prompt
parent
3d73d76e55
commit
56d8faab18
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -320,7 +320,7 @@
|
||||||
.button.logo-button {
|
.button.logo-button {
|
||||||
color: $white;
|
color: $white;
|
||||||
|
|
||||||
svg path:first-child {
|
svg {
|
||||||
fill: $white;
|
fill: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue