Bootstrap less files: vertical-three-colors undefined

Question

I have downloaded a nice theme from Bootswatch, but I would like to change some colors. So I got the bootswatch.less and variables.less and compiles a merged file using WinLess.

When I do this I get following error:

undefined #gradient > .vertical-three-colors

I have read an issue on github indicating that one should include: bootstrap.import.less

But I cannot find this in the bootstrap distribution.

Hope you can help.

Answer 1

The issue is related to Gradient Mixins missing. Easy way to solve is the download latest source code of bootstrap and import

@import "path\bootstrap-3.3.7\bootstrap-3.3.7\less\mixins\gradients.less";

Answer 2

In my case I had the same problem with _bootswatch.scss.

After yo angular with bootstrap-sass just replace all text in main.scss:

@import "bootstrap-sass-official/assets/stylesheets/bootstrap/mixins/_gradients.scss";
@import "bootstrap.css";
@import "_variables.scss";
@import "_bootswatch.scss";

angularsassbootswatchbootstrap-mixins-gradients