me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Use ~ notation in components for image references

Browse source 
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 f722fcb5a6
commit 5ec1a9b484
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/javascript/styles/mastodon/components.scss
View file

@ -1758,7 +1758,7 @@
position: absolute;
top: 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;
padding: 0;
display: flex;
@ -1773,7 +1773,7 @@
}
> .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;
}
}