burger triggers sunny

stylesheet.css

/*
 * original CSS for slider burger animation
 */
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
 .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
 .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }


/*
 * new version, with is-active removed and prefixed with .off-canvas-toggled
 */
.off-canvas-toggled .hamburger--slider .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .off-canvas-toggled .hamburger--slider .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .off-canvas-toggled .hamburger--slider .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }