the-obelisk/sass/_animations.scss

// Notes:
/** Utilize JS getStyle to read width of spritesheet
 ** Calculate amount of steps from that
 ** Profit
 **/

@import "compass/utilities/sprites";
$anims-layout:vertical;
$anims-sprite-dimensions: true;
@import "anims/*/**.png";
@include all-anims-sprites;

@import "_animationsBG";


#sceneAnimation {
  display: block;
  position: fixed;
  bottom: 0px;
  left: 50%;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
}

.sceneAnimation {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  image-rendering: pixelated;
}