groundworkcss-rails 0.2.3 → 0.2.4

data/lib/groundworkcss/rails/version.rb

@@ -1,5 +1,5 @@
 module Groundworkcss
 	module Rails
-		VERSION = "0.2.3"
+		VERSION = "0.2.4"
 	end
 end

data/lib/groundworkcss/rails/version.rb~

@@ -1,5 +1,5 @@
 module Groundworkcss
 	module Rails
-		VERSION = "0.2.2"
+		VERSION = "0.2.3"
 	end
 end

data/vendor/assets/javascripts/groundworkcss/groundwork.all.js

@@ -1,5 +1,11 @@
 // Generated by CoffeeScript 1.6.1
 
+/* --------------------------------------------
+     Begin groundwork.coffee
+--------------------------------------------
+*/
+
+
 /*
  *
  *  GroundworkCSS JS by Gary Hepting - https://github.com/groundworkcss/groundwork
@@ -12,12 +18,21 @@
 
 
 (function() {
-  var limitPaginationItems;
+  var equalizeColumns, limitPaginationItems;
 
   $(document).ready(function() {
-    var delay;
+    var delay, dropdown, menu, navitem;
+    equalizeColumns();
     delay = '';
-    $('nav > ul > li.menu').on({
+    navitem = $('nav > ul > li');
+    navitem.find('>a').on({
+      focus: function(e) {
+        $('nav > ul > li').removeClass('on');
+        return $('nav > ul > li > ul').hide();
+      }
+    });
+    menu = $('nav > ul > li.menu');
+    menu.on({
       mouseenter: function(e) {
         if ($(window).width() > 768) {
           clearTimeout(delay);
@@ -59,6 +74,39 @@
         }
       }
     });
+    menu.find('>a').on({
+      focus: function() {
+        return $(this).parent('li.menu').trigger('mouseenter');
+      }
+    });
+    menu.find('li:last-child > a').on({
+      blur: function() {
+        return $(this).closest('li.menu').trigger('mouseleave');
+      }
+    });
+    dropdown = $('.dropdown');
+    dropdown.on({
+      focus: function() {
+        return $(this).addClass('on');
+      }
+    });
+    dropdown.find('li:last-child a').on({
+      blur: function() {
+        return dropdown.filter('.on').removeClass('on');
+      }
+    });
+    $('body').on('click', function(e) {
+      if ($(e.target).hasClass('dropdown')) {
+        $(e.target).toggleClass('on');
+      } else {
+        if (dropdown.filter('.on').length) {
+          dropdown.filter('.on').removeClass('on');
+        }
+      }
+      if (navitem.filter('.menu.on').length) {
+        return navitem.filter('.menu.on').removeClass('on');
+      }
+    });
     limitPaginationItems();
     $('.pagination ul > li:not(.next, .prev) a').on('click', (function(e) {
       $('.pagination ul > li:not(.next, .prev)').removeClass('active');
@@ -136,13 +184,15 @@
         }
       }
     });
-    $('.tabs > ul > li > a').not('.disabled').on('click', function(e) {
+    $('.tabs > ul > li > a[href^=#]').on('click', function(e) {
       var tabs;
-      tabs = $(this).parents('.tabs');
-      tabs.find('> ul li a').removeClass('active');
-      $(this).addClass('active');
-      tabs.children('div').removeClass('active');
-      tabs.children($(this).attr('href')).addClass('active');
+      if (!$(this).hasClass('disabled')) {
+        tabs = $(this).parents('.tabs');
+        tabs.find('> ul li a').removeClass('active');
+        $(this).addClass('active');
+        tabs.children('div').removeClass('active');
+        tabs.children($(this).attr('href')).addClass('active');
+      }
       e.preventDefault();
       return false;
     });
@@ -181,12 +231,9 @@
     return $('div.modal').modal();
   });
 
-  $(window).load(function() {
-    return $('.slider').orbit();
-  });
-
   $(window).resize(function() {
-    return limitPaginationItems();
+    limitPaginationItems();
+    return equalizeColumns();
   });
 
   limitPaginationItems = function() {
@@ -222,6 +269,30 @@
     });
   };
 
+  equalizeColumns = function() {
+    return $('.row.equalize').each(function() {
+      var $row, collapsed, tallest;
+      $row = $(this);
+      tallest = 0;
+      collapsed = false;
+      $(this).children('*').each(function(i) {
+        $(this).css('min-height', '0');
+        collapsed = $(this).outerWidth() === $row.outerWidth();
+        if (!collapsed) {
+          if (!$(this).hasClass('equal')) {
+            $(this).addClass('equal');
+          }
+          if ($(this).outerHeight() > tallest) {
+            return tallest = $(this).outerHeight();
+          }
+        }
+      });
+      if (!collapsed) {
+        return $(this).children('*').css('min-height', tallest);
+      }
+    });
+  };
+
   /* --------------------------------------------
        Begin jquery.tooltip.coffee
   --------------------------------------------
@@ -499,10 +570,12 @@
     elems = [];
     $.fn.modal = function() {
       this.each(function() {
+        var $this;
         $(this).not('#iframeModal').wrapInner('<div class="modal-content"></div>');
         $(this).prepend('<i class="close icon-remove"></i>').prepend('<i class="fullscreen icon-resize-full"></i>').appendTo('body');
+        $this = $(this);
         return $('[href=#' + $(this).attr('id') + ']').on("click", function(e) {
-          modals.open($(this).attr('href'));
+          modals.open($(this).attr('href'), $(this).hasClass('fullscreen'));
           e.preventDefault();
           return false;
         });
@@ -516,14 +589,14 @@
     };
     modals = (function() {
       var close, fullscreen, open;
-      $('html').addClass('modal-ready');
+      $('body').addClass('modal-ready');
       if ($("#overlay").length < 1) {
         $('body').append('<div id="overlay"></div>');
       }
       $('#overlay, div.modal .close').bind("click", function(e) {
         return close();
       });
-      open = function(elem) {
+      open = function(elem, fullscreen) {
         $(window).bind("keydown", function(e) {
           var keyCode;
           keyCode = (e.which ? e.which : e.keyCode);
@@ -548,17 +621,20 @@
           'margin-left': ($(elem).outerWidth() / -2) + 'px'
         });
         setTimeout(function() {
-          return $('html').addClass("modal-active");
+          return $('body').addClass("modal-active");
         }, 0);
         setTimeout(function() {
-          return $('html').removeClass('modal-ready');
+          return $('body').removeClass('modal-ready');
         }, 400);
+        if (fullscreen) {
+          modals.fullscreen(elem);
+        }
       };
       close = function() {
         var modal;
         modal = $('div.modal.active');
         $(window).unbind("keydown");
-        $('html').removeClass("modal-active").addClass('modal-ready');
+        $('body').removeClass("modal-active").addClass('modal-ready');
         if (modal.hasClass('iframe')) {
           $('div#iframeModal iframe').replaceWith('<iframe marginheight="0" marginwidth="0" frameborder="0"></iframe>');
           modal.css({

data/vendor/assets/javascripts/groundworkcss/groundwork.js

@@ -15,9 +15,17 @@
   var limitPaginationItems;
 
   $(document).ready(function() {
-    var delay;
+    var delay, dropdown, menu, navitem;
     delay = '';
-    $('nav > ul > li.menu').on({
+    navitem = $('nav > ul > li');
+    navitem.find('>a').on({
+      focus: function(e) {
+        $('nav > ul > li').removeClass('on');
+        return $('nav > ul > li > ul').hide();
+      }
+    });
+    menu = $('nav > ul > li.menu');
+    menu.on({
       mouseenter: function(e) {
         if ($(window).width() > 768) {
           clearTimeout(delay);
@@ -59,6 +67,39 @@
         }
       }
     });
+    menu.find('>a').on({
+      focus: function() {
+        return $(this).parent('li.menu').trigger('mouseenter');
+      }
+    });
+    menu.find('li:last-child > a').on({
+      blur: function() {
+        return $(this).closest('li.menu').trigger('mouseleave');
+      }
+    });
+    dropdown = $('.dropdown');
+    dropdown.on({
+      focus: function() {
+        return $(this).addClass('on');
+      }
+    });
+    dropdown.find('li:last-child a').on({
+      blur: function() {
+        return dropdown.filter('.on').removeClass('on');
+      }
+    });
+    $('body').on('click', function(e) {
+      if ($(e.target).hasClass('dropdown')) {
+        $(e.target).toggleClass('on');
+      } else {
+        if (dropdown.filter('.on').length) {
+          dropdown.filter('.on').removeClass('on');
+        }
+      }
+      if (navitem.filter('.menu.on').length) {
+        return navitem.filter('.menu.on').removeClass('on');
+      }
+    });
     limitPaginationItems();
     $('.pagination ul > li:not(.next, .prev) a').on('click', (function(e) {
       $('.pagination ul > li:not(.next, .prev)').removeClass('active');
@@ -136,13 +177,15 @@
         }
       }
     });
-    $('.tabs > ul > li > a').not('.disabled').on('click', function(e) {
+    $('.tabs > ul > li > a[href^=#]').on('click', function(e) {
       var tabs;
-      tabs = $(this).parents('.tabs');
-      tabs.find('> ul li a').removeClass('active');
-      $(this).addClass('active');
-      tabs.children('div').removeClass('active');
-      tabs.children($(this).attr('href')).addClass('active');
+      if (!$(this).hasClass('disabled')) {
+        tabs = $(this).parents('.tabs');
+        tabs.find('> ul li a').removeClass('active');
+        $(this).addClass('active');
+        tabs.children('div').removeClass('active');
+        tabs.children($(this).attr('href')).addClass('active');
+      }
       e.preventDefault();
       return false;
     });
@@ -181,10 +224,6 @@
     return $('div.modal').modal();
   });
 
-  $(window).load(function() {
-    return $('.slider').orbit();
-  });
-
   $(window).resize(function() {
     return limitPaginationItems();
   });

data/vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.caption2.js

@@ -0,0 +1,67 @@
+/*! caption2 plugin for Cycle2;  version: 20130306 */
+(function($) {
+"use strict";
+
+$.extend($.fn.cycle.defaults, {
+    captionFxOut:      'fadeOut',
+    captionFxIn:       'fadeIn',
+    captionFxSel:      undefined,
+    overlayFxOut:      'fadeOut',
+    overlayFxIn:       'fadeIn',
+    overlayFxSel:      undefined
+});    
+
+$(document).on( 'cycle-bootstrap', function(e, opts) {
+    opts.container.on( 'cycle-update-view-before', update );
+    opts.container.one( 'cycle-update-view-after', init );
+});
+
+function update( e, opts, slideOpts, currSlide, isAfter ) {
+    if ( opts.captionPlugin !== 'caption2' )
+        return;
+    $.each(['caption','overlay'], function() {
+        var fxBase = this + 'Fx',
+            fx = opts[fxBase + 'Out'] || 'hide',
+            template = slideOpts[this+'Template'],
+            el = opts.API.getComponent( this ),
+            sel = opts[fxBase+'Sel'],
+            speed = opts.speed,
+            animEl;
+
+        if ( opts.sync )
+            speed = speed/2;
+
+        animEl = sel ? el.find( sel ) : el;
+
+        if( el.length && template ) {
+            if ( fx == 'hide')
+                speed = 0;
+            animEl[fx]( speed, function() {
+                var content = opts.API.tmpl( template, slideOpts, opts, currSlide );
+                el.html( content );
+                animEl = sel ? el.find( sel ) : el;
+                if ( sel )
+                    animEl.hide();
+                fx = opts[ fxBase + 'In'] || 'show';
+                animEl[fx]( speed );
+            });
+        }
+        else {
+            el.hide();
+        }
+    });
+}
+
+function init( e, opts, slideOpts, currSlide, isAfter ) {
+    if ( opts.captionPlugin !== 'caption2' )
+        return;
+    $.each(['caption','overlay'], function() {
+        var template = slideOpts[this+'Template'],
+            el = opts.API.getComponent( this );
+
+        if( el.length && template )
+            el.html( opts.API.tmpl( template, slideOpts, opts, currSlide ) );
+    });
+}
+
+})(jQuery);

data/vendor/assets/javascripts/groundworkcss/plugins/cycle/jquery.cycle2.carousel.js

@@ -0,0 +1,265 @@
+/*! carousel transition plugin for Cycle2;  version: 20130108 */
+(function($) {
+"use strict";
+
+$( document ).on('cycle-bootstrap', function( e, opts, API ) {
+    if ( opts.fx !== 'carousel' )
+        return;
+
+    API.getSlideIndex = function( el ) {
+        var slides = this.opts()._carouselWrap.children();
+        var i = slides.index( el );
+        return i % slides.length;
+    };
+
+    // override default 'next' function
+    API.next = function() {
+        var count = opts.reverse ? -1 : 1;
+        if ( opts.allowWrap === false && ( opts.currSlide + count ) > opts.slideCount - opts.carouselVisible )
+            return;
+        opts.API.advanceSlide( count );
+        opts.API.trigger('cycle-next', [ opts ]).log('cycle-next');
+    };
+
+});
+
+
+$.fn.cycle.transitions.carousel = {
+    // transition API impl
+    preInit: function( opts ) {
+        opts.hideNonActive = false;
+        
+        opts.container.on('cycle-destroyed', $.proxy(this.onDestroy, opts.API));
+        // override default API implementation
+        opts.API.stopTransition = this.stopTransition;
+
+        // issue #10
+        for (var i=0; i < opts.startingSlide; i++) {
+            opts.container.append( opts.slides[0] );
+        }        
+    },
+
+    // transition API impl
+    postInit: function( opts ) {
+        var pagerCutoffIndex, wrap;
+        var vert = opts.carouselVertical;
+        if (opts.carouselVisible && opts.carouselVisible > opts.slideCount)
+            opts.carouselVisible = opts.slideCount - 1;
+        var visCount = opts.carouselVisible || opts.slides.length;
+        var slideCSS = { display: vert ? 'block' : 'inline-block', position: 'static' };
+
+        // required styles
+        opts.container.css({ position: 'relative', overflow: 'hidden' });
+        opts.slides.css( slideCSS );
+
+        opts._currSlide = opts.currSlide;
+
+        // wrap slides in a div; this div is what is animated
+        wrap = $('<div class="cycle-carousel-wrap"></div')
+            .prependTo( opts.container )
+            .css({ margin: 0, padding: 0, top: 0, left: 0, position: 'absolute' })
+            .append( opts.slides );
+
+        opts._carouselWrap = wrap;
+
+        if ( !vert )
+            wrap.css('white-space', 'nowrap');
+
+        if ( opts.allowWrap !== false ) {
+            // prepend and append extra slides so we don't see any empty space when we
+            // near the end of the carousel.  for fluid containers, add even more clones
+            // so there is plenty to fill the screen
+            // @todo: optimzie this based on slide sizes
+            opts.slides.slice(0, opts.slideCount).clone().css( slideCSS ).appendTo( wrap );
+            if ( opts.carouselVisible === undefined )
+                opts.slides.slice(0, opts.slideCount).clone().css( slideCSS ).appendTo( wrap );
+            opts.slides.slice(0, opts.slideCount).clone().css( slideCSS ).prependTo( wrap );
+            if ( opts.carouselVisible === undefined )
+                opts.slides.slice(0, opts.slideCount).clone().css( slideCSS ).prependTo( wrap );
+
+            wrap.find('.cycle-slide-active').removeClass('cycle-slide-active');
+            opts.slides.eq(opts.startingSlide).addClass('cycle-slide-active');
+        }
+
+        if ( opts.pager && opts.allowWrap === false ) {
+            // hide "extra" pagers
+            pagerCutoffIndex = opts.slideCount - visCount;
+            $( opts.pager ).children().filter( ':gt('+pagerCutoffIndex+')' ).hide();
+        }
+
+        opts._nextBoundry = opts.slideCount - opts.carouselVisible;
+
+        this.prepareDimensions( opts );
+    },
+
+    prepareDimensions: function( opts ) {
+        var dim, offset, pagerCutoffIndex, tmp;
+        var vert = opts.carouselVertical;
+        var visCount = opts.carouselVisible || opts.slides.length;
+
+        if ( opts.carouselFluid && opts.carouselVisible ) {
+            if ( ! opts._carouselResizeThrottle ) {
+            // fluid container AND fluid slides; slides need to be resized to fit container
+                this.fluidSlides( opts );
+            }
+        }
+        else if ( opts.carouselVisible && opts.carouselSlideDimension ) {
+            dim = visCount * opts.carouselSlideDimension;
+            opts.container[ vert ? 'height' : 'width' ]( dim );
+        }
+        else if ( opts.carouselVisible ) {
+            dim = visCount * $(opts.slides[0])[vert ? 'outerHeight' : 'outerWidth'](true);
+            opts.container[ vert ? 'height' : 'width' ]( dim );
+        }
+        // else {
+        //     // fluid; don't size the container
+        // }
+
+        offset = ( opts.carouselOffset || 0 );
+        if ( opts.allowWrap !== false ) {
+            if ( opts.carouselSlideDimension ) {
+                offset -= ( (opts.slideCount + opts.currSlide) * opts.carouselSlideDimension );
+            }
+            else {
+                // calculate offset based on actual slide dimensions
+                tmp = opts._carouselWrap.children();
+                for (var j=0; j < (opts.slideCount + opts.currSlide); j++) {
+                    offset -= $(tmp[j])[vert?'outerHeight':'outerWidth'](true);
+                }
+            }
+        }
+
+        opts._carouselWrap.css( vert ? 'top' : 'left', offset );
+    },
+
+    fluidSlides: function( opts ) {
+        var timeout;
+        var slide = opts.slides.eq(0);
+        var adjustment = slide.outerWidth() - slide.width();
+        var prepareDimensions = this.prepareDimensions;
+
+        // throttle resize event
+        $(window).on( 'resize', resizeThrottle);
+
+        opts._carouselResizeThrottle = resizeThrottle;
+        onResize();
+
+        function resizeThrottle() {
+            clearTimeout( timeout );
+            timeout = setTimeout( onResize, 20 );
+        }
+
+        function onResize() {
+            opts._carouselWrap.stop( false, true );
+            var slideWidth = opts.container.width() / opts.carouselVisible;
+            slideWidth = Math.ceil( slideWidth - adjustment );
+            opts._carouselWrap.children().width( slideWidth );
+            if ( opts._sentinel )
+                opts._sentinel.width( slideWidth );
+            prepareDimensions( opts );
+        }
+    },
+
+    // transition API impl
+    transition: function( opts, curr, next, fwd, callback ) {
+        var moveBy, props = {};
+        var hops = opts.nextSlide - opts.currSlide;
+        var vert = opts.carouselVertical;
+        var speed = opts.speed;
+
+        // handle all the edge cases for wrapping & non-wrapping
+        if ( opts.allowWrap === false ) {
+            fwd = hops > 0;
+            var currSlide = opts._currSlide;
+            var maxCurr = opts.slideCount - opts.carouselVisible;
+            if ( hops > 0 && opts.nextSlide > maxCurr && currSlide == maxCurr ) {
+                hops = 0;
+            }
+            else if ( hops > 0 && opts.nextSlide > maxCurr ) {
+                hops = opts.nextSlide - currSlide - (opts.nextSlide - maxCurr);
+            }
+            else if ( hops < 0 && opts.currSlide > maxCurr && opts.nextSlide > maxCurr ) {
+                hops = 0;
+            }
+            else if ( hops < 0 && opts.currSlide > maxCurr ) {
+                hops += opts.currSlide - maxCurr;
+            }
+            else 
+                currSlide = opts.currSlide;
+
+            moveBy = this.getScroll( opts, vert, currSlide, hops );
+            opts.API.opts()._currSlide = opts.nextSlide > maxCurr ? maxCurr : opts.nextSlide;
+        }
+        else {
+            if ( fwd && opts.nextSlide === 0 ) {
+                // moving from last slide to first
+                moveBy = this.getDim( opts, opts.currSlide, vert );
+                callback = this.genCallback( opts, fwd, vert, callback );
+            }
+            else if ( !fwd && opts.nextSlide == opts.slideCount - 1 ) {
+                // moving from first slide to last
+                moveBy = this.getDim( opts, opts.currSlide, vert );
+                callback = this.genCallback( opts, fwd, vert, callback );
+            }
+            else {
+                moveBy = this.getScroll( opts, vert, opts.currSlide, hops );
+            }
+        }
+
+        props[ vert ? 'top' : 'left' ] = fwd ? ( "-=" + moveBy ) : ( "+=" + moveBy );
+
+        // throttleSpeed means to scroll slides at a constant rate, rather than
+        // a constant speed
+        if ( opts.throttleSpeed )
+            speed = (moveBy / $(opts.slides[0])[vert ? 'height' : 'width']() ) * opts.speed;
+
+        opts._carouselWrap.animate( props, speed, opts.easing, callback );
+    },
+
+    getDim: function( opts, index, vert ) {
+        var slide = $( opts.slides[index] );
+        return slide[ vert ? 'outerHeight' : 'outerWidth'](true);
+    },
+
+    getScroll: function( opts, vert, currSlide, hops ) {
+        var i, moveBy = 0;
+
+        if (hops > 0) {
+            for (i=currSlide; i < currSlide+hops; i++)
+                moveBy += this.getDim( opts, i, vert);
+        }
+        else {
+            for (i=currSlide; i > currSlide+hops; i--)
+                moveBy += this.getDim( opts, i, vert);
+        }
+        return moveBy;
+    },
+
+    genCallback: function( opts, fwd, vert, callback ) {
+        // returns callback fn that resets the left/top wrap position to the "real" slides
+        return function() {
+            var pos = $(opts.slides[opts.nextSlide]).position();
+            var offset = 0 - pos[vert?'top':'left'] + (opts.carouselOffset || 0);
+            opts._carouselWrap.css( opts.carouselVertical ? 'top' : 'left', offset );
+            callback();
+        };
+    },
+
+    // core API override
+    stopTransition: function() {
+        var opts = this.opts();
+        opts.slides.stop( false, true );
+        opts._carouselWrap.stop( false, true );
+    },
+
+    // core API supplement
+    onDestroy: function( e ) {
+        var opts = this.opts();
+        if ( opts._carouselResizeThrottle )
+            $( window ).off( 'resize', opts._carouselResizeThrottle );
+        opts.slides.prependTo( opts.container );
+        opts._carouselWrap.remove();
+    }
+};
+
+})(jQuery);