Disallow transition property (use mixin instead)

.stylelintrc

@@ -261,6 +261,7 @@
       "fill",
       "stroke"
     ],
+    "property-blacklist": ["transition"],
     "property-no-vendor-prefix": true,
     "rule-empty-line-before": null,
     "scss/at-function-named-arguments": "never",

scss/mixins/_transition.scss

@@ -1,3 +1,4 @@
+// stylelint-disable property-blacklist
 @mixin transition($transition...) {
   @if $enable-transitions {
     @if length($transition) == 0 {

site/docs/4.1/assets/scss/_anchor.scss

@@ -1,7 +1,7 @@
 .anchorjs-link {
   font-weight: 400;
   color: rgba($link-color, .5);
-  transition: color .16s linear;
+  @include transition(color .16s linear);
 
   &:hover {
     color: $link-color;

site/docs/4.1/examples/.stylelintrc

@@ -4,6 +4,7 @@
     "at-rule-no-vendor-prefix": null,
     "comment-empty-line-before": null,
     "media-feature-name-no-vendor-prefix": null,
+    "property-blacklist": null,
     "property-no-vendor-prefix": null,
     "selector-no-qualifying-type": null,
     "selector-no-vendor-prefix": null,