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:
parent
7174d1c955
commit
513d982f29
|
@ -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…
Reference in New Issue