mister-webdev / movie-app

src/styles/animations.scss

.fade-enter {
  opacity: 0;    

Line contains trailing whitespace

  transform: translateX(10%);
  

Line contains trailing whitespace

}

Rule declaration should be followed by an empty line

.fade-enter-active {  

Line contains trailing whitespace

  transform: translateX(0%);

Properties should be ordered opacity, transform

  opacity: 1;
}

Rule declaration should be followed by an empty line

.fade-exit {
  opacity: 1;
  transform: translateX(0%);
}

Rule declaration should be followed by an empty line

.fade-exit-active {
  opacity: 0;
  transform: translateX(-100%);
  transform-origin: left;
}

Rule declaration should be followed by an empty line

.fade-enter-active,
.fade-exit-active {
  transition: opacity 500ms ease-out, transform 500ms ease-out;
}

// poster
.poster-enter {
  transform: rotate(0deg) translate(100%, -20px) scale(0);
}

Rule declaration should be followed by an empty line

.poster-enter-active {
  transform: rotate(355deg) translate(0, -20px) scale(1);
  transition: transform 1000ms cubic-bezier(.5,1.26,.64,1);

Commas in function arguments should be followed by one space

  transition-delay: 0.5s;

0.5 should be written without a leading zero as .5

}