// Spinner
//
// A spinner is used to indicate loading content. Uses an animated SVG on modern browsers,
// with fallback to an animated GIF based on feature detection.
//
// Markup: <div class="spinner"></div>
//
// Styleguide Spinner
.spinner {
  background: transparent data-url($data-spinner-svg) no-repeat center center;
  background-size: 32px;
  height: 32px;
  width: 32px;

  .modernizr-no-smil & {
    background-image: neue-asset-url("images/fallbacks/spinner.gif");
  }
}