Docs: use core mixins in a couple of places (#38236)

diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss
index 4ca5068bcda7ebb98790f6ecaa4761ddf924778a..b42d8c54e44b3e085eaae716f4e610aec069e553 100644 (file)
--- a/site/assets/scss/_masthead.scss
+++ b/site/assets/scss/_masthead.scss
@@ -99,7 +99,7 @@
 
 .animate-img {
   > img {
-    transition: .2s ease-in-out transform; // stylelint-disable-line property-disallowed-list
+    @include transition(transform .2s ease-in-out);
   }
 
   &:hover > img {

diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss
index 5a1c529ca8266f8f709925f447ae9b4dd172361b..110797b9820aacda57a787437086c9222749e920 100644 (file)
--- a/site/assets/scss/_navbar.scss
+++ b/site/assets/scss/_navbar.scss
@@ -39,7 +39,7 @@
 
   .navbar-brand {
     color: $white;
-    transition: .2s ease-in-out transform; // stylelint-disable-line property-disallowed-list
+    @include transition(transform .2s ease-in-out);
 
     &:hover {
       transform: rotate(-5deg) scale(1.1);

diff --git a/site/assets/scss/_variables.scss b/site/assets/scss/_variables.scss
index 3770e81d8f60c93d229519e6a3793d4459254249..5e8ab5d6c251341ebec02326d8c92388d4e3e35a 100644 (file)
--- a/site/assets/scss/_variables.scss
+++ b/site/assets/scss/_variables.scss
@@ -2,7 +2,7 @@
 $bd-purple:        #4c0bce;
 $bd-violet:        lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list
 $bd-purple-light:  lighten(saturate($bd-purple, 5%), 45%); // stylelint-disable-line function-disallowed-list
-$bd-accent:       #ffe484;
+$bd-accent:        #ffe484;
 
 $bd-gutter-x: 3rem;
 $bd-callout-variants: info, warning, danger !default;