Why is the sass mixin not working?

Question

Sass

I'm trying to use the sass mixin in a project, but for some reason it doesn't work.
My folder structure is as follows:

The mixin itself looks like this:

@import '../config/variables';

@mixin tablets {
  @media screen and (max-width: $tablets){
    @content;
  }
}

@mixin mobile {
  @media screen and (max-width: $mobile){
    @content;
  }
}

I import this mixin into the base.scss file:

In base.scss I use the mixin as follows:

.search__filter {
  width: 100%;
  padding: 20px;
  font-size: 20px;

  &:focus {
    outline: none;
  }

  @include mobile {
    font-size: 30px;
  }
}

But for some reason nothing works, because of what it can be? ...

Answer 1

Write @include mobile() and everything will work.
PS also check the paths, you are referring to 'mixins', but you need '_mixins.scss'