tdhartwick

var pipe = lazypipe()
  .pipe($.inlineCss)
  .pipe($.inject, gulp.src(cssMqPath), {
    transform: function(path, file) {
      return '<style>\n' + file.contents.toString() + '\n</style>';
    }
  })
  .pipe($.htmlmin, {
    collapseWhitespace: false,
    minifyCSS: true

tdhartwick

<table class="menu">
  <tr>
    <td>
      <a href="http://zurb.com">One</a>
    </td>
    <td>
      <a href="http://zurb.com">Two</a>
    </td>
    <td>
      <a href="http://zurb.com">Three </a>

tdhartwick

<table class="menu">
  <tr>
    <td>
      <a href="#">One</a>
    </td>
    <td>
      <a href="#">Two</a>
    </td>
    <td>
      <a href="#">Three </a>

tdhartwick

//Name of animation slides
$animation-name: 'walking';
//The name of the directory in the img folder where the slides live. 
$directory-name: $animation-name;
//The screen width that the flip book starts.
$starting-width: 200px;
//The number of images you have for the flipbook.
$number-of-slides: 48;
//The number of times the animation repeats.
$number-of-repeats: 10;

tdhartwick

.flip-book {
  position: absolute;
  bottom: 0;
  right: 0;
  width: $dimension;
  height: $dimension;
}

//Preload images hack with CSS.
$string:'';