Outline of my setup is below.
Figured I'd put the potential issue first.
There's a potential issue with the deprecate mode fail.
The following snippets are returned on different modes...
Running "sass:common" (sass) task
WARNING: Deprecated code was found, it should be removed before its release.
REASON: Use .btn-primary-2-0-0 instead.
Backtrace:
vendor/bower/sass-deprecate/index.scss:159, in mixin `deprecate`
src/script/li/stylesheets/scss/_button.scss:59
Done, without errors.
Running "sass:common" (sass) task
WARNING: Some code will be deprecated in 2.0.0. Current version: 2.0.0.
Backtrace:
vendor/bower/sass-deprecate/index.scss:119, in mixin `deprecate`
src/script/li/stylesheets/scss/_button.scss:59
WARNING: Deprecated code was found, it should be removed before its release.
REASON: Use .btn-primary-2-0-0 instead.
Backtrace:
vendor/bower/sass-deprecate/index.scss:159, in mixin `deprecate`
src/script/li/stylesheets/scss/_button.scss:59
Done, without errors.
Running "sass:common" (sass) task
>> Error: Deprecated code was found. Remove it to continue.
>> REASON: Use .btn-primary-2-0-0 instead.
>> on line 157 of vendor/bower/sass-deprecate/index.scss
>> >> @error 'Deprecated code was found. Remove it to continue.#{$message}
>> ----------^
Warning: Use --force to continue.
Aborted due to warnings.
The output the Fail provides I would have expected to point to the offending code in the source of the project, not so much the sass-deprecation index, though I may be wrong here.
@import "base"; // importing vars for btn-primary
@import "index";
$app-version: '2.0.0';
$deprecate-mode: 'verbose';
$btn-primary-bg-2-0-0: #333;
$btn-primary-text-color-2-0-0: #ccc;
$btn-primary-border-color-2-0-0: #333;
@include deprecate('2.0.0', 'Use .btn-primary-2-0-0 instead.') {
.btn-primary {
@include button-type($btn-primary-bg, $btn-primary-text-color, $btn-primary-border-color);
&:hover {
color: $btn-primary-text-color;
}
}
}
.btn-primary-2-0-0 {
@include button-type($btn-primary-bg-2-0-0, $btn-primary-text-color-2-0-0, $btn-primary-border-color-2-0-0);
&:hover {
color: $btn-primary-text-color;
}
}