You are here

waypoints.css in AT Tools 8.3

/**
 * Waypoints
 * Add styles to support waypoints.js. Waypoints is a way to trigger events when
 * the page is scrolled.
 *
 * Usage:
 * - Load the library, for example in template suggestion:
 * - Add the .wp-waypoints class to element you want to apply the event to.
 * - Add data-wp-[] attributes. By default animations (using animate.css classes)
 *   and sticky are supported.
 * - If using animate classes turn these on in the Shortcodes > Animation
 *   extension in theme settings.
 *
 * E.g.:
 *
 *  {{- attach_library(theme.name ~ '/waypoints') -}}
 *   <div
 *     {{ attributes.addClass('wp-waypoint') }}  // class to initialize the waypoint.
 *     data-wp-sticky="true"                     // stick to the top as the user scrolls down.
 *     data-wp-animation="tada"                  // the animate.css class name.
 *     data-wp-animation-delay="1s"              // time to delay the animation.
 *     data-wp-animation-offset="bottom-in-view" // waypoints offset keyword or value.
 *   >
 *
 * See: http://imakewebthings.com/waypoints/
 *      https://www.drupal.org/node/2789671
 *
 ============================================================================ */
.sticky-wrapper .stuck {
  position: fixed;
  top: 0;
}
/*# sourceMappingURL=waypoints.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/waypoints.css
View source
  1. /**
  2. * Waypoints
  3. * Add styles to support waypoints.js. Waypoints is a way to trigger events when
  4. * the page is scrolled.
  5. *
  6. * Usage:
  7. * - Load the library, for example in template suggestion:
  8. * - Add the .wp-waypoints class to element you want to apply the event to.
  9. * - Add data-wp-[] attributes. By default animations (using animate.css classes)
  10. * and sticky are supported.
  11. * - If using animate classes turn these on in the Shortcodes > Animation
  12. * extension in theme settings.
  13. *
  14. * E.g.:
  15. *
  16. * {{- attach_library(theme.name ~ '/waypoints') -}}
  17. *
  18. * {{ attributes.addClass('wp-waypoint') }} // class to initialize the waypoint.
  19. * data-wp-sticky="true" // stick to the top as the user scrolls down.
  20. * data-wp-animation="tada" // the animate.css class name.
  21. * data-wp-animation-delay="1s" // time to delay the animation.
  22. * data-wp-animation-offset="bottom-in-view" // waypoints offset keyword or value.
  23. * >
  24. *
  25. * See: http://imakewebthings.com/waypoints/
  26. * https://www.drupal.org/node/2789671
  27. *
  28. ============================================================================ */
  29. .sticky-wrapper .stuck {
  30. position: fixed;
  31. top: 0;
  32. }
  33. /*# sourceMappingURL=waypoints.css.map */