When I use @import local files in my shared file, the relative paths are broken in the code taken from the included file — the points are deleted. This happens only for selectors: after
Here is an example of what is happening:
style.css
@import url ('main.css');
The main.css code is initially:
.element: after {
background: url ("../ img / icons / pic.svg");
}
And the output in the style.css file is this:
.element: after {
background: url (img / icons / pic.svg);
}
That is, relative paths have been destroyed, and the image request returns 404 error!
With what it can be connected?