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).
This commit is contained in:
David Yip 2017-12-30 17:15:20 -06:00
parent 7174d1c955
commit 513d982f29
No known key found for this signature in database
GPG key ID: 7DA0036508FCC0CC

View file

@ -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;
} }
} }