Undefined mixin 'gradient-vertical-three-colors'.

Extracted source (around line #3):
@import 'variables';
@mixin btn-shadow($color){
@include gradient-vertical-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%));
filter: none;
border-bottom: 1px solid darken($color, 10%);
}

Hi @mkhairi 👋

Could you please update repo and gem 🤓

• update to bootswatch v4.3.1

see: thomaspark/bootswatch@f42e929

Hi thanks for writing and sharing this usefull gem I just ave a small question I was able to follow your steps to install bootswatch scss but now I'm wondering if I require bootsrap js in my application ? it's not specified in you readme. thanks ahead. David.

Well, as sass and sass-rails are deprecated in favor of sassc & sassc-rails, you might want to remove them from the gemspec.

The best approach to me would be to explicitly mention (in the README) that one would need a SASS/SCSS compiler and not directly depend to one.

What do you think?

When using the v4 bootstrap gem and the bootstrap-sass gem, I have to manually create an assets/stylesheets/custom.min.css copied from the official bootswatch source in order for any bootswatch stylesheet to appear correctly. Is this a flaw in the boostrap-sass gem, or is the flaw mine?

With the Gemfile:

gem 'bootstrap'
gem 'bootswatch'
source 'https://rails-assets.org' do
  gem 'rails-assets-tether', '>= 1.3.3'
end

and the assets/stylesheets/application.css.sass:

@import "bootswatch/cosmo/variables"
@import "bootstrap"
@import "bootswatch/cosmo/bootswatch"

and the assets/javascripts/application.js:

//= require jquery
//= require tether
//= require bootstrap-sprockets
//= require jquery_ujs
//= require turbolinks
//= require_tree .

and the layout app/views/layouts/application.html.haml (excuse the haml):

= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
= javascript_include_tag 'application', 'data-turbolinks-track': 'reload'

Not all the necessary styles seems to exist such that the example matches the app. Here is the difference:

Left: official example. Right: the Rails app in question

If I manually create assets/stylesheets/custom.min.css, add a stylesheet_link_tag for custom.min.css and the necessary Rails.application.config.assets.precompile directive, the application matches the example.

Left: official example. Right: the Rails app in question

Neither the bootswatch documentation nor the bootstrap-sass documentation mention anything about this magic custom.min.css file. All of the bootswatch examples use a link to this stylesheet. Is this a flaw in the documentation for bootswatch, a flaw in the bootswatch-sass gem, or a flaw in my understanding of how all these moving parts should be made to work?