Use ~ notation in components for image references

This uses (more or less) absolute references to external assets, which
allows imported stylesheets (like components.scss) to work from other
locations that may not have the expected path structure (e.g. the win95
theme).
th-downstream
David Yip 7 years ago
parent f722fcb5a6
commit 5ec1a9b484

@ -1758,7 +1758,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
background: lighten($ui-base-color, 13%) url('../images/wave-drawer.png') no-repeat bottom / 100% auto; background: lighten($ui-base-color, 13%) url('~images/wave-drawer.png') no-repeat bottom / 100% auto;
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0;
display: flex; display: flex;
@ -1773,7 +1773,7 @@
} }
> .mastodon { > .mastodon {
background: url('../images/mastodon-drawer.png') no-repeat left bottom / contain; background: url('~images/mastodon-drawer.png') no-repeat left bottom / contain;
flex: 1; flex: 1;
} }
} }

Loading…
Cancel
Save