Disallow transition property (use mixin instead)

diff --git a/.stylelintrc b/.stylelintrc
index 511ade25a2277c55f5fa91cd374ea96aedb9f337..e3cb0d7cc4a486099818f1efd23b09f18b021bf4 100644 (file)
--- a/.stylelintrc
+++ b/.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",

diff --git a/scss/mixins/_transition.scss b/scss/mixins/_transition.scss
index f853821344c96488b541496dbca01b3a4b763379..a457b6bdb490a1045add1563cc3256c328324087 100644 (file)
--- a/scss/mixins/_transition.scss
+++ b/scss/mixins/_transition.scss
@@ -1,3 +1,4 @@
+// stylelint-disable property-blacklist
 @mixin transition($transition...) {
   @if $enable-transitions {
     @if length($transition) == 0 {

diff --git a/site/docs/4.1/assets/scss/_anchor.scss b/site/docs/4.1/assets/scss/_anchor.scss
index 2e02390ed3e388fd46845cce039c4742161b95af..2f00424dd2b6ed9aefc5fec67aa981ea4aca5577 100644 (file)
--- a/site/docs/4.1/assets/scss/_anchor.scss
+++ b/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;

diff --git a/site/docs/4.1/examples/.stylelintrc b/site/docs/4.1/examples/.stylelintrc
index 06c67b5ff3ab039ec6fca107b4a3234f4a51cabb..5c3be6d59d3be8e2f61240fd1b5231e9aec8bb48 100644 (file)
--- a/site/docs/4.1/examples/.stylelintrc
+++ b/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,