_sass/primer-utilities/lib/animations.scss in jekyll-theme-primer-0.1.7 vs _sass/primer-utilities/lib/animations.scss in jekyll-theme-primer-0.1.8

@@ -1,7 +1,7 @@
 // This file contains reusable animations for github.
-
+// stylelint-disable primer/selector-no-utility
 // Fade in
 // A class to fade in an element on the page.
 .anim-fade-in {
   animation-name: fade-in;
   animation-duration: 1s;
@@ -20,12 +20,11 @@
   100% {
     opacity: 1;
   }
 }
 
-// Fade up
-// A class that will fade in and slide up an element
+/* Fade in and slide up an element */
 .anim-fade-up {
   opacity: 0;
   animation-name: fade-up;
   animation-duration: 0.3s;
   animation-fill-mode: forwards;
@@ -43,12 +42,11 @@
     opacity: 1;
     transform: translateY(0);
   }
 }
 
-// Fade down
-// A class that will fade an element out and slide down.
+/* Fade an element out and slide down */
 .anim-fade-down {
   animation-name: fade-down;
   animation-duration: 0.3s;
   animation-fill-mode: forwards;
   animation-timing-function: ease-in;
@@ -64,12 +62,11 @@
     opacity: 0.5;
     transform: translateY(100%);
   }
 }
 
-// Grow X
-// A class that will grow an element width from 0 to 100%
+/* Grow an element width from 0 to 100% */
 .anim-grow-x {
   width: 0%;
   animation-name: grow-x;
   animation-duration: 0.3s;
   animation-fill-mode: forwards;
@@ -79,12 +76,11 @@
 
 @keyframes grow-x {
   to { width: 100%; }
 }
 
-// Shrink X
-// A class that will shrink an element from 100% to 0%
+/* Shrink an element from 100% to 0% */
 .anim-shrink-x {
   animation-name: shrink-x;
   animation-duration: 0.3s;
   animation-fill-mode: forwards;
   animation-timing-function: ease-in-out;
@@ -93,12 +89,11 @@
 
 @keyframes shrink-x {
   to { width: 0%; }
 }
 
-// Scale in
-// A class to fade in an element and scale it fast
+/* Fade in an element and scale it fast */
 .anim-scale-in {
   animation-name: scale-in;
   animation-duration: 0.15s;
   animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
 }
@@ -113,10 +108,11 @@
     opacity: 1;
     transform: scale(1);
   }
 }
 
+/* Pulse an element's opacity */
 .anim-pulse {
   animation-name: pulse;
   animation-duration: 2s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
@@ -134,9 +130,10 @@
   100% {
     opacity: 0.3;
   }
 }
 
+/* Pulse in an element */
 .anim-pulse-in {
   animation-name: pulse-in;
   animation-duration: 0.5s;
 }