rails-uikit 2.8.0

data/vendor/assets/javascripts/addons/sortable.js

@@ -0,0 +1,494 @@
+/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+
+/*
+  * Based on nativesortable - Copyright (c) Brian Grinstead - https://github.com/bgrins/nativesortable
+  */
+(function(addon) {
+
+    var component;
+
+    if (jQuery && jQuery.UIkit) {
+        component = addon(jQuery, jQuery.UIkit);
+    }
+
+    if (typeof define == "function" && define.amd) {
+        define("uikit-sortable", ["uikit"], function(){
+            return component || addon(jQuery, jQuery.UIkit);
+        });
+    }
+
+})(function($, UI){
+
+    "use strict";
+
+    var supportsTouch       = ('ontouchstart' in window) || (window.DocumentTouch && document instanceof DocumentTouch),
+        supportsDragAndDrop = !supportsTouch && (function() {
+        var div = document.createElement('div');
+        return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div);
+    })(),
+
+    draggingPlaceholder, moving, clickedlink;
+
+    // disable native dragndrop support for now
+    supportsDragAndDrop = false;
+
+    UI.component('sortable', {
+
+        defaults: {
+
+            warp             : false,
+            animation        : 150,
+
+            childClass       : 'uk-sortable-item',
+            placeholderClass : 'uk-sortable-placeholder',
+            overClass        : 'uk-sortable-over',
+            draggingClass    : 'uk-sortable-dragged',
+            dragMovingClass  : 'uk-sortable-moving',
+            dragCustomClass  : '',
+
+            handleClass      : false,
+
+            stop             : function() {},
+            start            : function() {},
+            change           : function() {}
+        },
+
+        init: function() {
+
+            var $this                    = this,
+                element                  = this.element[0],
+                currentlyDraggingElement = null,
+                currentlyDraggingTarget  = null,
+                children;
+
+            if (supportsDragAndDrop) {
+                this.element.children().attr("draggable", "true");
+
+            } else {
+
+                // prevent leaving page after link clicking
+                this.element.on('mousedown touchstart', 'a[href]', function(e) {
+                    clickedlink = $(this);
+                }).on('click', 'a[href]', function(e) {
+                    clickedlink = $(this);
+                    e.stopImmediatePropagation();
+                    return false;
+                });
+            }
+
+            var handleDragStart = delegate(function(e) {
+
+                moving = false;
+
+                var target = $(e.target), children = $this.element.children();
+
+                if (!supportsTouch && e.button==2) {
+                    return;
+                }
+
+                if ($this.options.handleClass) {
+
+                    var handle = target.hasClass($this.options.handleClass) ? target : target.closest('.'+$this.options.handleClass, element);
+
+                    if (!handle.length) {
+                        e.preventDefault();
+                        return;
+                    }
+                }
+
+                if (e.dataTransfer) {
+                    e.dataTransfer.effectAllowed = 'move';
+                    e.dataTransfer.dropEffect = 'move';
+                    e.dataTransfer.setData('Text', "*"); // Need to set to something or else drag doesn't start
+                }
+
+                currentlyDraggingElement = this;
+
+                // init drag placeholder
+                if (draggingPlaceholder) draggingPlaceholder.remove();
+
+                var $current = $(currentlyDraggingElement), offset = $current.offset();
+
+                draggingPlaceholder = $('<div class="'+([$this.options.draggingClass, $this.options.dragCustomClass].join(' '))+'"></div>').css({
+                    display : 'none',
+                    top     : offset.top,
+                    left    : offset.left,
+                    width   : $current.width(),
+                    height  : $current.height(),
+                    padding : $current.css('padding')
+                }).data('mouse-offset', {
+                    'left': offset.left - parseInt(e.pageX, 10),
+                    'top' : offset.top  - parseInt(e.pageY, 10)
+                }).append($current.html()).appendTo('body');
+
+                draggingPlaceholder.$current  = $current;
+                draggingPlaceholder.$sortable = $this;
+
+                addFakeDragHandlers();
+
+                $this.options.start(this, currentlyDraggingElement);
+                $this.trigger('sortable-start', [$this, currentlyDraggingElement]);
+
+                if (!supportsDragAndDrop) {
+                    e.preventDefault();
+                }
+            });
+
+            var handleDragOver = delegate(function(e) {
+
+                if (!currentlyDraggingElement) {
+                    return true;
+                }
+
+                if (e.preventDefault) {
+                    e.preventDefault();
+                }
+
+                return false;
+            });
+
+            var handleDragEnter = delegate($.UIkit.Utils.debounce(function(e) {
+
+                if (!currentlyDraggingElement || currentlyDraggingElement === this) {
+                    return true;
+                }
+
+                // Prevent dragenter on a child from allowing a dragleave on the container
+                var previousCounter = $this.dragenterData(this);
+
+                $this.dragenterData(this, previousCounter + 1);
+
+                if (previousCounter === 0) {
+
+                    $(this).addClass($this.options.overClass);
+
+                    if (!$this.options.warp) {
+                        $this.moveElementNextTo(currentlyDraggingElement, this);
+                    }
+                }
+
+                return false;
+            }), 40);
+
+            var handleDragLeave = delegate(function(e) {
+
+                // Prevent dragenter on a child from allowing a dragleave on the container
+                var previousCounter = $this.dragenterData(this);
+                $this.dragenterData(this, previousCounter - 1);
+
+                // This is a fix for child elements firing dragenter before the parent fires dragleave
+                if (!$this.dragenterData(this)) {
+                    $(this).removeClass($this.options.overClass);
+                    $this.dragenterData(this, false);
+                }
+            });
+
+            var handleDrop = delegate(function(e) {
+
+                if (e.type === 'drop') {
+
+                    if (e.stopPropagation) {
+                        e.stopPropagation();
+                    }
+
+                    if (e.preventDefault) {
+                        e.preventDefault();
+                    }
+                }
+
+                if (this === currentlyDraggingElement) {
+                    return;
+                }
+
+                if ($this.options.warp) {
+                    var thisSibling = currentlyDraggingElement.nextSibling;
+                    this.parentNode.insertBefore(currentlyDraggingElement, this);
+                    this.parentNode.insertBefore(this, thisSibling);
+                }
+
+                $this.options.change(this, currentlyDraggingElement);
+                $this.trigger('sortable-change', [$this, currentlyDraggingElement]);
+            });
+
+            var handleDragEnd = function(e) {
+
+                currentlyDraggingElement = null;
+                currentlyDraggingTarget  = null;
+
+                $this.element.children().each(function() {
+                    if (this.nodeType === 1) {
+                        $(this).removeClass($this.options.overClass).removeClass($this.options.placeholderClass).removeClass($this.options.childClass);
+                        $this.dragenterData(this, false);
+                    }
+                });
+
+                $('html').removeClass($this.options.dragMovingClass);
+
+                removeFakeDragHandlers();
+
+                $this.options.stop(this);
+                $this.trigger('sortable-stop', [$this]);
+
+                draggingPlaceholder.remove();
+                draggingPlaceholder = null;
+            };
+
+            var handleTouchMove = delegate(function(e) {
+
+                if (!currentlyDraggingElement ||
+                    currentlyDraggingElement === this ||
+                    currentlyDraggingTarget === this) {
+                    return true;
+                }
+
+                children.removeClass($this.options.overClass);
+                currentlyDraggingTarget = this;
+
+                if (!$this.options.warp) {
+                    $this.moveElementNextTo(currentlyDraggingElement, this);
+                } else {
+                    $(this).addClass($this.options.overClass);
+                }
+
+                return prevent(e);
+            });
+
+            function delegate(fn) {
+                return function(e) {
+
+                    var touch  = (supportsTouch && e.touches && e.touches[0]) || { },
+                        target = touch.target || e.target;
+
+                    // Fix event.target for a touch event
+                    if (supportsTouch && document.elementFromPoint) {
+                        target = document.elementFromPoint(e.pageX - document.body.scrollLeft, e.pageY - document.body.scrollTop);
+                    }
+
+                    if ($(target).hasClass($this.options.childClass)) {
+                        fn.apply(target, [e]);
+                    } else if (target !== element) {
+
+                        // If a child is initiating the event or ending it, then use the container as context for the callback.
+                        var context = moveUpToChildNode(element, target);
+
+                        if (context) {
+                            fn.apply(context, [e]);
+                        }
+                    }
+                };
+            }
+
+            // Opera and mobile devices do not support drag and drop.  http://caniuse.com/dragndrop
+            // Bind/unbind standard mouse/touch events as a polyfill.
+            function addFakeDragHandlers() {
+                if (!supportsDragAndDrop) {
+                    if (supportsTouch) {
+                        element.addEventListener("touchmove", handleTouchMove, false);
+                    } else {
+                        element.addEventListener('mouseover', handleDragEnter, false);
+                        element.addEventListener('mouseout', handleDragLeave, false);
+                    }
+
+                    element.addEventListener(supportsTouch ? 'touchend' : 'mouseup', handleDrop, false);
+                    document.addEventListener(supportsTouch ? 'touchend' : 'mouseup', handleDragEnd, false);
+                    document.addEventListener("selectstart", prevent, false);
+
+                }
+            }
+
+            function removeFakeDragHandlers() {
+                if (!supportsDragAndDrop) {
+                    if (supportsTouch) {
+                        element.removeEventListener("touchmove", handleTouchMove, false);
+                    } else {
+                        element.removeEventListener('mouseover', handleDragEnter, false);
+                        element.removeEventListener('mouseout', handleDragLeave, false);
+                    }
+
+                    element.removeEventListener(supportsTouch ? 'touchend' : 'mouseup', handleDrop, false);
+                    document.removeEventListener(supportsTouch ? 'touchend' : 'mouseup', handleDragEnd, false);
+                    document.removeEventListener("selectstart", prevent, false);
+                }
+            }
+
+            if (supportsDragAndDrop) {
+                element.addEventListener('dragstart', handleDragStart, false);
+                element.addEventListener('dragenter', handleDragEnter, false);
+                element.addEventListener('dragleave', handleDragLeave, false);
+                element.addEventListener('drop', handleDrop, false);
+                element.addEventListener('dragover', handleDragOver, false);
+                element.addEventListener('dragend', handleDragEnd, false);
+            } else {
+
+                element.addEventListener(supportsTouch ? 'touchstart':'mousedown', handleDragStart, false);
+            }
+        },
+
+        dragenterData: function(element, val) {
+
+            element = $(element);
+
+            if (arguments.length == 1) {
+                return parseInt(element.attr('data-child-dragenter'), 10) || 0;
+            } else if (!val) {
+                element.removeAttr('data-child-dragenter');
+            } else {
+                element.attr('data-child-dragenter', Math.max(0, val));
+            }
+        },
+
+        moveElementNextTo: function(element, elementToMoveNextTo) {
+
+            var $this    = this,
+                list     = $(element).parent().css('min-height', ''),
+                next     = isBelow(element, elementToMoveNextTo) ? elementToMoveNextTo : elementToMoveNextTo.nextSibling,
+                children = list.children(),
+                count    = children.length;
+
+            if($this.options.warp || !$this.options.animation) {
+                elementToMoveNextTo.parentNode.insertBefore(element, next);
+                $(document).trigger("uk-check-display");
+                return;
+            }
+
+            list.css('min-height', list.height());
+
+            children.stop().each(function(){
+                var ele = $(this),
+                    offset = ele.position();
+
+                    offset.width = ele.width();
+
+                ele.data('offset-before', offset);
+            });
+
+            elementToMoveNextTo.parentNode.insertBefore(element, next);
+
+            children = list.children().each(function() {
+                var ele    = $(this);
+                ele.data('offset-after', ele.position());
+            }).each(function() {
+                var ele    = $(this),
+                    before = ele.data('offset-before');
+                ele.css({'position':'absolute', 'top':before.top, 'left':before.left, 'min-width':before.width });
+            });
+
+            children.each(function(){
+
+                var ele    = $(this),
+                    before = ele.data('offset-before'),
+                    offset = ele.data('offset-after');
+
+                    ele.css('pointer-events', 'none').width();
+
+                    setTimeout(function(){
+                        ele.animate({'top':offset.top, 'left':offset.left}, $this.options.animation, function() {
+                            ele.css({'position':'','top':'', 'left':'', 'min-width': '', 'pointer-events':''}).removeClass($this.options.overClass).attr('data-child-dragenter', '');
+                            count--
+                            if (!count) {
+                                list.css('min-height', '');
+                                $(document).trigger("uk-check-display");
+                            }
+                        });
+                    }, 0);
+            });
+
+
+        }
+    });
+
+    // helpers
+
+    function isBelow(el1, el2) {
+
+        var parent = el1.parentNode;
+
+        if (el2.parentNode != parent) {
+            return false;
+        }
+
+        var cur = el1.previousSibling;
+
+        while (cur && cur.nodeType !== 9) {
+            if (cur === el2) {
+                return true;
+            }
+            cur = cur.previousSibling;
+        }
+
+        return false;
+    }
+
+    function moveUpToChildNode(parent, child) {
+        var cur = child;
+        if (cur == parent) { return null; }
+
+        while (cur) {
+            if (cur.parentNode === parent) {
+                return cur;
+            }
+
+            cur = cur.parentNode;
+            if ( !cur || !cur.ownerDocument || cur.nodeType === 11 ) {
+                break;
+            }
+        }
+        return null;
+    }
+
+    function prevent(e) {
+        if (e.stopPropagation) {
+            e.stopPropagation();
+        }
+        if (e.preventDefault) {
+            e.preventDefault();
+        }
+        e.returnValue = false;
+    }
+
+    // auto init
+    $(document).on("uk-domready", function(e) {
+
+        $("[data-uk-sortable]").each(function(){
+
+          var ele = $(this);
+
+          if(!ele.data("sortable")) {
+              var plugin = UI.sortable(ele, UI.Utils.options(ele.attr("data-uk-sortable")));
+          }
+        });
+    });
+
+    $(document).on('mousemove touchmove', function(e) {
+
+        if (draggingPlaceholder) {
+
+            if (!moving) {
+                moving = true;
+                draggingPlaceholder.show();
+
+                draggingPlaceholder.$current.addClass(draggingPlaceholder.$sortable.options.placeholderClass);
+                draggingPlaceholder.$sortable.element.children().addClass(draggingPlaceholder.$sortable.options.childClass);
+
+                $('html').addClass(draggingPlaceholder.$sortable.options.dragMovingClass);
+            }
+
+            var offset = draggingPlaceholder.data('mouse-offset'),
+                left   = parseInt(e.originalEvent.pageX, 10) + offset.left,
+                top    = parseInt(e.originalEvent.pageY, 10) + offset.top;
+
+            draggingPlaceholder.css({'left': left, 'top': top });
+        }
+    });
+
+    $(document).on('mouseup touchend', function() {
+
+        if(!moving && clickedlink) {
+            location.href = clickedlink.attr('href');
+        }
+
+        clickedlink = false;
+    });
+
+    return UI.sortable;
+});

data/vendor/assets/javascripts/addons/sortable.min.js

@@ -0,0 +1,3 @@
+/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+
+!function(a){var b;jQuery&&jQuery.UIkit&&(b=a(jQuery,jQuery.UIkit)),"function"==typeof define&&define.amd&&define("uikit-sortable",["uikit"],function(){return b||a(jQuery,jQuery.UIkit)})}(function(a,b){"use strict";function c(a,b){var c=a.parentNode;if(b.parentNode!=c)return!1;for(var d=a.previousSibling;d&&9!==d.nodeType;){if(d===b)return!0;d=d.previousSibling}return!1}function d(a,b){var c=b;if(c==a)return null;for(;c;){if(c.parentNode===a)return c;if(c=c.parentNode,!c||!c.ownerDocument||11===c.nodeType)break}return null}function e(a){a.stopPropagation&&a.stopPropagation(),a.preventDefault&&a.preventDefault(),a.returnValue=!1}var f,g,h,i="ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch,j=!i&&function(){var a=document.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a}();return j=!1,b.component("sortable",{defaults:{warp:!1,animation:150,childClass:"uk-sortable-item",placeholderClass:"uk-sortable-placeholder",overClass:"uk-sortable-over",draggingClass:"uk-sortable-dragged",dragMovingClass:"uk-sortable-moving",dragCustomClass:"",handleClass:!1,stop:function(){},start:function(){},change:function(){}},init:function(){function b(b){return function(c){var e=i&&c.touches&&c.touches[0]||{},f=e.target||c.target;if(i&&document.elementFromPoint&&(f=document.elementFromPoint(c.pageX-document.body.scrollLeft,c.pageY-document.body.scrollTop)),a(f).hasClass(m.options.childClass))b.apply(f,[c]);else if(f!==n){var g=d(n,f);g&&b.apply(g,[c])}}}function c(){j||(i?n.addEventListener("touchmove",w,!1):(n.addEventListener("mouseover",s,!1),n.addEventListener("mouseout",t,!1)),n.addEventListener(i?"touchend":"mouseup",u,!1),document.addEventListener(i?"touchend":"mouseup",v,!1),document.addEventListener("selectstart",e,!1))}function k(){j||(i?n.removeEventListener("touchmove",w,!1):(n.removeEventListener("mouseover",s,!1),n.removeEventListener("mouseout",t,!1)),n.removeEventListener(i?"touchend":"mouseup",u,!1),document.removeEventListener(i?"touchend":"mouseup",v,!1),document.removeEventListener("selectstart",e,!1))}var l,m=this,n=this.element[0],o=null,p=null;j?this.element.children().attr("draggable","true"):this.element.on("mousedown touchstart","a[href]",function(){h=a(this)}).on("click","a[href]",function(b){return h=a(this),b.stopImmediatePropagation(),!1});var q=b(function(b){g=!1;{var d=a(b.target);m.element.children()}if(i||2!=b.button){if(m.options.handleClass){var e=d.hasClass(m.options.handleClass)?d:d.closest("."+m.options.handleClass,n);if(!e.length)return void b.preventDefault()}b.dataTransfer&&(b.dataTransfer.effectAllowed="move",b.dataTransfer.dropEffect="move",b.dataTransfer.setData("Text","*")),o=this,f&&f.remove();var h=a(o),k=h.offset();f=a('<div class="'+[m.options.draggingClass,m.options.dragCustomClass].join(" ")+'"></div>').css({display:"none",top:k.top,left:k.left,width:h.width(),height:h.height(),padding:h.css("padding")}).data("mouse-offset",{left:k.left-parseInt(b.pageX,10),top:k.top-parseInt(b.pageY,10)}).append(h.html()).appendTo("body"),f.$current=h,f.$sortable=m,c(),m.options.start(this,o),m.trigger("sortable-start",[m,o]),j||b.preventDefault()}}),r=b(function(a){return o?(a.preventDefault&&a.preventDefault(),!1):!0}),s=b(a.UIkit.Utils.debounce(function(){if(!o||o===this)return!0;var b=m.dragenterData(this);return m.dragenterData(this,b+1),0===b&&(a(this).addClass(m.options.overClass),m.options.warp||m.moveElementNextTo(o,this)),!1}),40),t=b(function(){var b=m.dragenterData(this);m.dragenterData(this,b-1),m.dragenterData(this)||(a(this).removeClass(m.options.overClass),m.dragenterData(this,!1))}),u=b(function(a){if("drop"===a.type&&(a.stopPropagation&&a.stopPropagation(),a.preventDefault&&a.preventDefault()),this!==o){if(m.options.warp){var b=o.nextSibling;this.parentNode.insertBefore(o,this),this.parentNode.insertBefore(this,b)}m.options.change(this,o),m.trigger("sortable-change",[m,o])}}),v=function(){o=null,p=null,m.element.children().each(function(){1===this.nodeType&&(a(this).removeClass(m.options.overClass).removeClass(m.options.placeholderClass).removeClass(m.options.childClass),m.dragenterData(this,!1))}),a("html").removeClass(m.options.dragMovingClass),k(),m.options.stop(this),m.trigger("sortable-stop",[m]),f.remove(),f=null},w=b(function(b){return o&&o!==this&&p!==this?(l.removeClass(m.options.overClass),p=this,m.options.warp?a(this).addClass(m.options.overClass):m.moveElementNextTo(o,this),e(b)):!0});j?(n.addEventListener("dragstart",q,!1),n.addEventListener("dragenter",s,!1),n.addEventListener("dragleave",t,!1),n.addEventListener("drop",u,!1),n.addEventListener("dragover",r,!1),n.addEventListener("dragend",v,!1)):n.addEventListener(i?"touchstart":"mousedown",q,!1)},dragenterData:function(b,c){return b=a(b),1==arguments.length?parseInt(b.attr("data-child-dragenter"),10)||0:void(c?b.attr("data-child-dragenter",Math.max(0,c)):b.removeAttr("data-child-dragenter"))},moveElementNextTo:function(b,d){var e=this,f=a(b).parent().css("min-height",""),g=c(b,d)?d:d.nextSibling,h=f.children(),i=h.length;return e.options.warp||!e.options.animation?(d.parentNode.insertBefore(b,g),void a(document).trigger("uk-check-display")):(f.css("min-height",f.height()),h.stop().each(function(){var b=a(this),c=b.position();c.width=b.width(),b.data("offset-before",c)}),d.parentNode.insertBefore(b,g),h=f.children().each(function(){var b=a(this);b.data("offset-after",b.position())}).each(function(){var b=a(this),c=b.data("offset-before");b.css({position:"absolute",top:c.top,left:c.left,"min-width":c.width})}),void h.each(function(){var b=a(this),c=(b.data("offset-before"),b.data("offset-after"));b.css("pointer-events","none").width(),setTimeout(function(){b.animate({top:c.top,left:c.left},e.options.animation,function(){b.css({position:"",top:"",left:"","min-width":"","pointer-events":""}).removeClass(e.options.overClass).attr("data-child-dragenter",""),i--,i||(f.css("min-height",""),a(document).trigger("uk-check-display"))})},0)}))}}),a(document).on("uk-domready",function(){a("[data-uk-sortable]").each(function(){var c=a(this);if(!c.data("sortable")){b.sortable(c,b.Utils.options(c.attr("data-uk-sortable")))}})}),a(document).on("mousemove touchmove",function(b){if(f){g||(g=!0,f.show(),f.$current.addClass(f.$sortable.options.placeholderClass),f.$sortable.element.children().addClass(f.$sortable.options.childClass),a("html").addClass(f.$sortable.options.dragMovingClass));var c=f.data("mouse-offset"),d=parseInt(b.originalEvent.pageX,10)+c.left,e=parseInt(b.originalEvent.pageY,10)+c.top;f.css({left:d,top:e})}}),a(document).on("mouseup touchend",function(){!g&&h&&(location.href=h.attr("href")),h=!1}),b.sortable});

data/vendor/assets/javascripts/addons/sticky.js

@@ -0,0 +1,130 @@
+/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+
+(function(addon) {
+
+    var component;
+
+    if (jQuery && jQuery.UIkit) {
+        component = addon(jQuery, jQuery.UIkit);
+    }
+
+    if (typeof define == "function" && define.amd) {
+        define("uikit-sticky", ["uikit"], function(){
+            return component || addon(jQuery, jQuery.UIkit);
+        });
+    }
+
+})(function($, UI){
+
+    var $win         = UI.$win,
+        $doc         = UI.$doc,
+        sticked      = [];
+
+    UI.component('sticky', {
+
+        defaults: {
+            top          : 0,
+            bottom       : 0,
+            clsactive    : 'uk-active',
+            clswrapper   : 'uk-sticky',
+            getWidthFrom : ''
+        },
+
+        init: function() {
+
+            var stickyId = this.element.attr('id') || ("s"+Math.ceil(Math.random()*10000)),
+                wrapper  = $('<div></div>').attr('id', 'sticky-'+stickyId).addClass(this.options.clswrapper);
+
+            wrapper = this.element.wrap(wrapper).parent().css('height', this.element.outerHeight());
+
+            if (this.element.css("float") != "none") {
+                wrapper.css({"float":this.element.css("float")});
+                this.element.css({"float":"none"});
+            }
+
+            sticked.push({
+                top: this.options.top,
+                bottom: this.options.bottom,
+                element: this.element,
+                currentTop: null,
+                wrapper: wrapper,
+                clsactive: this.options.clsactive,
+                getWidthFrom: this.options.getWidthFrom || wrapper
+            });
+        },
+
+        update: function() {
+            scroller();
+        }
+    });
+
+    function scroller() {
+
+        if (!sticked.length) return;
+
+        var scrollTop       = $win.scrollTop(),
+            documentHeight  = $doc.height(),
+            dwh             = documentHeight - $win.height(),
+            extra           = (scrollTop > dwh) ? dwh - scrollTop : 0;
+
+        for (var i = 0; i < sticked.length; i++) {
+
+            if (!sticked[i].element.is(":visible")) {
+                continue;
+            }
+
+            var sticky     = sticked[i],
+                elementTop = sticky.wrapper.offset().top,
+                etse       = elementTop - sticky.top - extra;
+
+            if (scrollTop <= etse) {
+
+                if (sticky.currentTop !== null) {
+                    sticky.element.css({"position":"", "top":"", "width":"", "left":""});
+                    sticky.wrapper.removeClass(sticky.clsactive);
+                    sticky.currentTop = null;
+                }
+
+            } else {
+
+                var newTop = documentHeight - sticky.element.outerHeight() - sticky.top - sticky.bottom - scrollTop - extra;
+
+                newTop = newTop < 0 ? newTop + sticky.top : sticky.top;
+
+                if (sticky.currentTop != newTop) {
+                    sticky.element.css({
+                        "position" : "fixed",
+                        "top"      : newTop,
+                        "width"    : (typeof sticky.getWidthFrom !== 'undefined') ? $(sticky.getWidthFrom).width() : sticky.element.width(),
+                        "left"     : sticky.wrapper.offset().left
+                    });
+
+                    sticky.wrapper.addClass(sticky.clsactive);
+                    sticky.currentTop = newTop;
+                }
+            }
+        }
+
+    }
+
+    // should be more efficient than using $win.scroll(scroller):
+    $doc.on('uk-scroll', scroller);
+
+    $doc.on("uk-domready", function(e) {
+        setTimeout(function(){
+
+            scroller();
+
+            $("[data-uk-sticky]").each(function(){
+
+                var $ele = $(this);
+
+                if(!$ele.data("sticky")) {
+                    UI.sticky($ele, UI.Utils.options($ele.attr('data-uk-sticky')));
+                }
+            });
+        }, 0);
+    });
+
+    return $.fn.uksticky;
+});

data/vendor/assets/javascripts/addons/sticky.min.js

@@ -0,0 +1,3 @@
+/*! UIkit 2.8.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+
+!function(a){var b;jQuery&&jQuery.UIkit&&(b=a(jQuery,jQuery.UIkit)),"function"==typeof define&&define.amd&&define("uikit-sticky",["uikit"],function(){return b||a(jQuery,jQuery.UIkit)})}(function(a,b){function c(){if(f.length)for(var b=d.scrollTop(),c=e.height(),g=c-d.height(),h=b>g?g-b:0,i=0;i<f.length;i++)if(f[i].element.is(":visible")){var j=f[i],k=j.wrapper.offset().top,l=k-j.top-h;if(l>=b)null!==j.currentTop&&(j.element.css({position:"",top:"",width:"",left:""}),j.wrapper.removeClass(j.clsactive),j.currentTop=null);else{var m=c-j.element.outerHeight()-j.top-j.bottom-b-h;m=0>m?m+j.top:j.top,j.currentTop!=m&&(j.element.css({position:"fixed",top:m,width:"undefined"!=typeof j.getWidthFrom?a(j.getWidthFrom).width():j.element.width(),left:j.wrapper.offset().left}),j.wrapper.addClass(j.clsactive),j.currentTop=m)}}}var d=b.$win,e=b.$doc,f=[];return b.component("sticky",{defaults:{top:0,bottom:0,clsactive:"uk-active",clswrapper:"uk-sticky",getWidthFrom:""},init:function(){var b=this.element.attr("id")||"s"+Math.ceil(1e4*Math.random()),c=a("<div></div>").attr("id","sticky-"+b).addClass(this.options.clswrapper);c=this.element.wrap(c).parent().css("height",this.element.outerHeight()),"none"!=this.element.css("float")&&(c.css({"float":this.element.css("float")}),this.element.css({"float":"none"})),f.push({top:this.options.top,bottom:this.options.bottom,element:this.element,currentTop:null,wrapper:c,clsactive:this.options.clsactive,getWidthFrom:this.options.getWidthFrom||c})},update:function(){c()}}),e.on("uk-scroll",c),e.on("uk-domready",function(){setTimeout(function(){c(),a("[data-uk-sticky]").each(function(){var c=a(this);c.data("sticky")||b.sticky(c,b.Utils.options(c.attr("data-uk-sticky")))})},0)}),a.fn.uksticky});