[issue] import from other files does not work yet

[ranisalt]

I cannot use the mixins, variables and whatever I try to import from another file. I'm trying to mix bootstrap with my code to create semantic HTML, but I always have a compiler error telling me something imported is not working.

The public/scss/application.scss file is:

@import 'bootstrap/mixins';

#content-container {
    @include container-fixed();
}

And inside public/scss/bootstrap/_mixins.scss I have

// Centered container element
@mixin container-fixed() {
  margin-right: auto;
  margin-left: auto;
  padding-left:  ($grid-gutter-width / 2);
  padding-right: ($grid-gutter-width / 2);
  @include clearfix();
}

But it throws the following error:

Exception

Undefined mixin container-fixed: failed at `@include container-fixed();` line: 4

Am I doing something wrong or is this an issue?

[panique]

Hey, that's already an issue (on the parallel-project php-sass-watcher): panique/php-sass-watcher#2

The cross-file-compiling via @import is currently not supported. To workaround this issue, don't import from other files (put the mixin code into your style.scss).

I'm working on this issue... Please note that the project is only 24hrs young :)

[panique]

And to be serious: How should the script know that you have your mixins in a folder called "bootstrap/mixins" ? :)

[panique]

Okay i've fixed this now :)
But make sure your mixin files are exactly in the same folder as your other .scss ! When there's time then I'll add custom mixing folder support too

[ranisalt]

Actually "bootstrap/mixins" is a file (bootstrap/_mixins.scss), at first I thought I was wrong with the syntax too haha. Good, I will provide feedback :D