Why is @mixin not included from another file?

Question

css

I have two scss files file-1 and file-2.
Goal: write a mixin in file-2 and include it in file-1 so that it works out

the code in file-1

@import url(file-2.css);
    p {
    @include font-color;
}

Code in file-2

@mixin font-color {
    color: yellow;
}

PS The import itself works, I checked it. When I copy the mixin to file-1 it works
Why do I need it? Here I gave a simple example, in the future I want to create a file and throw all the "cosmetics" (colors, fonts, etc.) there so that the file where I write the code does not fade

Answer 1

Mixins are written in scss files. And you need to connect accordingly.

@import 'file2.scss';

p {
    @include font-color;
}