Undefined mixin 'tab-focus'. about bootstrap-sass

[vala]

Had the same problem here, and I had @import "bootstrap/reset" in some sass file in my assets. Deleting it worked, don't know if it fits you, but I hope it'll help you

[thomas-mcdonald]

@vala Okay, you need to import the mixins and variables before importing the reset now since the reset depends on a mixin or two.

[vala]

Oh yes, sorry I could have tell it this way instead of some specific example. But that was the issue I found in the gem's reset stylesheet file that made me resolve it this way. Thanks for the clarification !

[meetme2meat]

@thomas-mcdonald importing reset after mixins and variable result in following error

File to import not found or unreadable: bootstrap/patterns.

Removing the bootstap/patterns solve it
But it seem that the above error ('tab-focus'.) only occur when I define a new styling . The Compilation doesnot result in any error if there no modification

Here how the ordering of bootstrap import is defined

@import "bootstrap/reset";
@import "bootstrap/variables";

// overwrite variables here
$gridColumns: 16;
$gridColumnWidth: 50px;
$gridGutterWidth: 10px;

@import "bootstrap";
@import "bootstrap/mixins";
@import "bootstrap/reset";
@import "bootstrap/scaffolding";

@import "bootstrap/type";
@import "bootstrap/forms";
@import "bootstrap/tables";
@import "bootstrap/patterns";

No error occur with current ordering If no new styling is define

[vala]

I think you should try to put @import "bootstrap/mixins"; before @import "bootstrap/reset"; like @thomas-mcdonald said.

[meetme2meat]

@vala but trying to include @import "bootstrap/mixins before @import "bootstrap/reset" result in following error

File to import not found or unreadable: bootstrap/patterns.

[vala]

Looking at the source of the gem in vendor/assets/bootstrap i can't see any patterns file. Maybe it's not present anymore?

[thomas-mcdonald]

I think you might have a SASS caching problem? All references to patterns should have been removed in this release.

In addition, if you're importing "bootstrap" you can remove all the other imports since bootstrap is a helper file that will import all the needed files. If you have any variable overrides just make sure you define them before importing.