groundworkcss-rails 0.2.2 → 0.2.3

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

@@ -136,7 +136,7 @@
         }
       }
     });
-    $('.tabs > ul > li > a').not('.disabled').click(function(e) {
+    $('.tabs > ul > li > a').not('.disabled').on('click', function(e) {
       var tabs;
       tabs = $(this).parents('.tabs');
       tabs.find('> ul li a').removeClass('active');
@@ -222,433 +222,4 @@
     });
   };
 
-  /* --------------------------------------------
-       Begin jquery.tooltip.coffee
-  --------------------------------------------
-  */
-
-
-  /*
-   *
-   *  jQuery Tooltips by Gary Hepting - https://github.com/ghepting/jquery-tooltips
-   *  
-   *  Open source under the BSD License. 
-   *
-   *  Copyright © 2013 Gary Hepting. All rights reserved.
-   *
-  */
-
-
-  (function($) {
-    return $.fn.tooltip = function(options) {
-      var closetooltip, defaults, delayShow, getElementPosition, resettooltip, setPosition, showtooltip, tooltip, trigger;
-      defaults = {
-        topOffset: 0,
-        delay: 100,
-        speed: 100
-      };
-      options = $.extend(defaults, options);
-      tooltip = $('#tooltip');
-      delayShow = '';
-      trigger = '';
-      if ($('#tooltip').length !== 1) {
-        tooltip = $("<div id=\"tooltip\"></div>");
-        tooltip.appendTo("body").hide();
-      }
-      getElementPosition = function(el) {
-        var bottom, left, offset, right, top, win;
-        offset = el.offset();
-        win = $(window);
-        return {
-          top: top = offset.top - win.scrollTop(),
-          left: left = offset.left - win.scrollLeft(),
-          bottom: bottom = win.height() - top - el.outerHeight(),
-          right: right = win.width() - left - el.outerWidth()
-        };
-      };
-      setPosition = function(trigger) {
-        var attrs, coords, height, width;
-        coords = getElementPosition(trigger);
-        if (tooltip.outerWidth() > ($(window).width() - 20)) {
-          tooltip.css('width', $(window).width() - 20);
-        }
-        attrs = {};
-        tooltip.css('max-width', Math.min($(window).width() - parseInt($('body').css('padding-left')) - parseInt($('body').css('padding-right')), parseInt(tooltip.css('max-width'))));
-        width = tooltip.outerWidth();
-        height = tooltip.outerHeight();
-        if (coords.left <= coords.right) {
-          tooltip.addClass('left');
-          attrs.left = coords.left;
-        } else {
-          tooltip.addClass('right');
-          attrs.right = coords.right;
-        }
-        if ((coords.top - options.topOffset) > (height + 20)) {
-          tooltip.addClass('top');
-          attrs.top = (trigger.offset().top - height) - 20;
-        } else {
-          tooltip.addClass('bottom');
-          attrs.top = trigger.offset().top + trigger.outerHeight() - 4;
-        }
-        return tooltip.css(attrs);
-      };
-      resettooltip = function() {
-        return tooltip.text('').removeClass('left right top bottom').css({
-          left: 'auto',
-          right: 'auto',
-          top: 'auto',
-          bottom: 'auto',
-          width: 'auto',
-          'padding-left': 'auto',
-          'padding-right': 'auto'
-        });
-      };
-      closetooltip = function() {
-        tooltip.stop().hide();
-        resettooltip();
-        return $('[role=tooltip]').removeClass('on');
-      };
-      showtooltip = function(trigger) {
-        clearTimeout(delayShow);
-        return delayShow = setTimeout(function() {
-          tooltip.css({
-            "opacity": 0,
-            "display": "block"
-          }).text(trigger.attr('data-title'));
-          setPosition(trigger);
-          trigger.addClass('on');
-          console.log(tooltip.css('display'));
-          return tooltip.animate({
-            top: "+=10",
-            opacity: 1
-          }, options.speed);
-        }, options.delay);
-      };
-      this.each(function() {
-        var $this;
-        $this = $(this);
-        $this.attr('role', 'tooltip').attr('data-title', $this.attr('title'));
-        return $this.removeAttr("title");
-      });
-      $('body').on('focus', '[role=tooltip]', function() {
-        return showtooltip($(this));
-      }).on('blur', '[role=tooltip]', function() {
-        clearTimeout(delayShow);
-        return closetooltip();
-      }).on('mouseenter', '[role=tooltip]:not(input,select,textarea)', function() {
-        return showtooltip($(this));
-      }).on('mouseleave', '[role=tooltip]:not(input,select,textarea)', function() {
-        clearTimeout(delayShow);
-        return closetooltip();
-      });
-      return $(window).on({
-        scroll: function() {
-          trigger = $('[role=tooltip].on');
-          if (trigger.length) {
-            setPosition(trigger);
-            return $('#tooltip').css({
-              top: "+=10"
-            });
-          }
-        }
-      });
-    };
-  })(jQuery);
-
-  /* --------------------------------------------
-       Begin jquery.responsiveText.coffee
-  --------------------------------------------
-  */
-
-
-  /*
-   *
-   *  jQuery ResponsiveText by Gary Hepting - https://github.com/ghepting/responsiveText
-   *  
-   *  Open source under the BSD License. 
-   *
-   *  Copyright © 2013 Gary Hepting. All rights reserved.
-   *
-  */
-
-
-  (function($) {
-    var elems;
-    elems = [];
-    $.fn.responsiveText = function(options) {
-      var settings;
-      settings = {
-        compressor: options.compressor || 10,
-        minSize: options.minSize || Number.NEGATIVE_INFINITY,
-        maxSize: options.maxSize || Number.POSITIVE_INFINITY
-      };
-      return this.each(function() {
-        var elem;
-        elem = $(this);
-        elem.attr('data-compression', settings.compressor);
-        elem.attr('data-min', settings.minSize);
-        elem.attr('data-max', settings.maxSize);
-        elem.css("font-size", Math.floor(Math.max(Math.min(elem.width() / settings.compressor, parseFloat(settings.maxSize)), parseFloat(settings.minSize))));
-        return elems.push(elem);
-      });
-    };
-    return $(window).on("resize", function() {
-      return $(elems).each(function() {
-        var elem;
-        elem = $(this);
-        return elem.css("font-size", Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min')))));
-      });
-    });
-  })(jQuery);
-
-  /* --------------------------------------------
-       Begin jquery.responsiveTables.coffee
-  --------------------------------------------
-  */
-
-
-  /*
-   *
-   *  jQuery ResponsiveTables by Gary Hepting - https://github.com/ghepting/responsiveTables
-   *  
-   *  Open source under the BSD License. 
-   *
-   *  Copyright © 2013 Gary Hepting. All rights reserved.
-   *
-  */
-
-
-  (function($) {
-    var elems;
-    elems = [];
-    $.fn.responsiveTable = function(options) {
-      var settings;
-      settings = {
-        compressor: options.compressor || 10,
-        minSize: options.minSize || Number.NEGATIVE_INFINITY,
-        maxSize: options.maxSize || Number.POSITIVE_INFINITY,
-        padding: 2,
-        height: "auto",
-        adjust_parents: true
-      };
-      return this.each(function() {
-        var columns, elem, fontSize, rows;
-        elem = $(this);
-        elem.attr('data-compression', settings.compressor);
-        elem.attr('data-min', settings.minSize);
-        elem.attr('data-max', settings.maxSize);
-        elem.attr('data-padding', settings.padding);
-        columns = $("tr", elem).first().children("th, td").length;
-        rows = $("tr", elem).length;
-        if (settings.height !== "auto") {
-          $this.css("height", settings.height);
-          if (settings.adjust_parents) {
-            $this.parents().each(function() {
-              return $(this).css("height", "100%");
-            });
-          }
-        }
-        $("tr th, tr td", elem).css("width", Math.floor(100 / columns) + "%");
-        $("tr th, tr td", elem).css("height", Math.floor(100 / rows) + "%");
-        fontSize = Math.floor(Math.max(Math.min(elem.width() / settings.compressor, parseFloat(settings.maxSize)), parseFloat(settings.minSize)));
-        $("tr th, tr td", elem).css("font-size", fontSize + "px");
-        return elems.push(elem);
-      });
-    };
-    return $(window).on("resize", function() {
-      return $(elems).each(function() {
-        var elem, fontSize;
-        elem = $(this);
-        fontSize = Math.floor(Math.max(Math.min(elem.width() / (elem.attr('data-compression')), parseFloat(elem.attr('data-max'))), parseFloat(elem.attr('data-min'))));
-        return $("tr th, tr td", elem).css("font-size", fontSize + "px");
-      });
-    });
-  })(jQuery);
-
-  /* --------------------------------------------
-       Begin jquery.modals.coffee
-  --------------------------------------------
-  */
-
-
-  /*
-   *
-   *  jQuery Modals by Gary Hepting
-   *   https://github.com/ghepting/modal  
-   *
-   *  Based on Avgrund by Hakim El Hattab <3
-   *
-  */
-
-
-  (function($) {
-    var elems, modals;
-    if ($('div#iframeModal').length < 1) {
-      $('body').append('<div class="iframe modal" id="iframeModal"><iframe marginheight="0" marginwidth="0" frameborder="0"></iframe></div>');
-      $('div#iframeModal').prepend('<i class="close icon-remove"></i>').prepend('<i class="fullscreen icon-resize-full"></i>');
-    }
-    $('a.modal').each(function() {
-      $(this).attr('data-url', $(this).attr('href'));
-      return $(this).attr('href', '#iframeModal');
-    });
-    $('a.modal').on("click", function(e) {
-      $('div#iframeModal iframe').replaceWith('<iframe marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" src="' + $(this).attr('data-url') + '"></iframe>');
-      e.preventDefault();
-      return false;
-    });
-    elems = [];
-    $.fn.modal = function() {
-      this.each(function() {
-        $(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');
-        return $('[href=#' + $(this).attr('id') + ']').on("click", function(e) {
-          modals.open($(this).attr('href'));
-          e.preventDefault();
-          return false;
-        });
-      });
-      $('div.modal .close').on("click", function() {
-        return modals.close();
-      });
-      return $('div.modal .fullscreen').on("click", function() {
-        return modals.fullscreen($(this).parent('div.modal'));
-      });
-    };
-    modals = (function() {
-      var close, fullscreen, open;
-      $('html').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) {
-        $(window).bind("keydown", function(e) {
-          var keyCode;
-          keyCode = (e.which ? e.which : e.keyCode);
-          if (keyCode === 27) {
-            return close();
-          }
-        });
-        $(elem).addClass("active");
-        if (!$(elem).hasClass('iframe')) {
-          $(elem).css({
-            width: 'auto',
-            height: 'auto'
-          });
-          $(elem).css({
-            height: $(elem).outerHeight()
-          });
-        }
-        $(elem).css({
-          top: '50%',
-          left: '50%',
-          'margin-top': ($(elem).outerHeight() / -2) + 'px',
-          'margin-left': ($(elem).outerWidth() / -2) + 'px'
-        });
-        setTimeout(function() {
-          return $('html').addClass("modal-active");
-        }, 0);
-        setTimeout(function() {
-          return $('html').removeClass('modal-ready');
-        }, 400);
-      };
-      close = function() {
-        var modal;
-        modal = $('div.modal.active');
-        $(window).unbind("keydown");
-        $('html').removeClass("modal-active").addClass('modal-ready');
-        if (modal.hasClass('iframe')) {
-          $('div#iframeModal iframe').replaceWith('<iframe marginheight="0" marginwidth="0" frameborder="0"></iframe>');
-          modal.css({
-            width: '80%',
-            height: '80%'
-          });
-        } else {
-          modal.css({
-            width: 'auto',
-            height: 'auto'
-          });
-        }
-        modal.css({
-          top: '10%',
-          left: '10%',
-          'max-width': '80%',
-          'max-height': '80%',
-          'margin-top': 0,
-          'margin-left': 0
-        });
-        modal.removeClass("active").removeClass("fullscreen");
-        $('i.fullscreen', modal).removeClass('icon-resize-small').addClass('icon-resize-full');
-      };
-      fullscreen = function(elem) {
-        if ($('div.modal.active').hasClass('fullscreen')) {
-          $('div.modal i.fullscreen').removeClass('icon-resize-small').addClass('icon-resize-full');
-          if ($('div.modal.active').hasClass('iframe')) {
-            $('div.modal.active').css({
-              width: '80%',
-              height: '80%'
-            });
-          } else {
-            $('div.modal.active').css({
-              width: 'auto',
-              height: 'auto'
-            });
-            $('div.modal.active').css({
-              height: $('div.modal.active').outerHeight()
-            });
-          }
-          $('div.modal.active').removeClass('fullscreen').css({
-            'max-width': '80%',
-            'max-height': '80%'
-          });
-          $('div.modal.active').delay(100).css({
-            top: '50%',
-            left: '50%',
-            'margin-top': ($('div.modal.active').outerHeight() / -2) + 'px',
-            'margin-left': ($('div.modal.active').outerWidth() / -2) + 'px'
-          });
-        } else {
-          $('div.modal i.fullscreen').addClass('icon-resize-small').removeClass('icon-resize-full');
-          $('div.modal.active').addClass('fullscreen').css({
-            top: 0,
-            left: 0,
-            'margin-top': 0,
-            'margin-left': 0,
-            width: '100%',
-            height: '100%',
-            'max-width': '100%',
-            'max-height': '100%'
-          });
-        }
-      };
-      return {
-        open: open,
-        close: close,
-        fullscreen: fullscreen
-      };
-    })();
-    return $(window).resize(function() {
-      return $('div.modal.active').each(function() {
-        if (!$(this).hasClass('fullscreen')) {
-          $(this).removeClass('active').css({
-            top: '50%',
-            left: '50%',
-            'margin-top': ($(this).outerHeight() / -2) + 'px',
-            'margin-left': ($(this).outerWidth() / -2) + 'px'
-          }).addClass('active');
-          if (!$(this).hasClass('iframe')) {
-            $(this).css({
-              height: 'auto'
-            });
-            return $(this).css({
-              height: $(this).outerHeight()
-            });
-          }
-        }
-      });
-    });
-  })(jQuery);
-
 }).call(this);

data/vendor/assets/javascripts/groundworkcss/plugins/jquery.tooltip.js

@@ -67,7 +67,7 @@
         return tooltip.css(attrs);
       };
       resettooltip = function() {
-        return tooltip.text('').css({
+        return tooltip.text('').removeClass('left right top bottom').css({
           left: 'auto',
           right: 'auto',
           top: 'auto',

data/vendor/assets/stylesheets/groundworkcss-scss/_classes.scss

@@ -61,89 +61,83 @@
   .twelfth, .twelfths {
     @if $both {
       &:not(.small-tablet):not(.mobile) {
-        width:100% !important;
-        float:none;
-        clear:both;
-        // reset push
-        &.right-one,
-        &.right-two,
-        &.right-three,
-        &.right-four,
-        &.right-five,
-        &.right-six,
-        &.right-seven,
-        &.right-eight,
-        &.right-nine,
-        &.right-ten,
-        &.right-eleven  { left:0; }
-        // reset pull
-        &.left-one,
-        &.left-two,
-        &.left-three,
-        &.left-four,
-        &.left-five,
-        &.left-six,
-        &.left-seven,
-        &.left-eight,
-        &.left-nine,
-        &.left-ten,
-        &.left-eleven   { right:0; }
-        // reset offset
-        &.skip-one,
-        &.skip-two,
-        &.skip-three,
-        &.skip-four,
-        &.skip-five,
-        &.skip-six,
-        &.skip-seven,
-        &.skip-eight,
-        &.skip-nine,
-        &.skip-ten,
-        &.skip-eleven   { margin-left:0; }
+        @include grid-collapse();
       }
     }
     @else {
       &:not(.mobile) {
-        width:100% !important;
-        float:none;
-        clear:both;
-        // reset push
-        &.right-one,
-        &.right-two,
-        &.right-three,
-        &.right-four,
-        &.right-five,
-        &.right-six,
-        &.right-seven,
-        &.right-eight,
-        &.right-nine,
-        &.right-ten,
-        &.right-eleven  { left:0; }
-        // reset pull
-        &.left-one,
-        &.left-two,
-        &.left-three,
-        &.left-four,
-        &.left-five,
-        &.left-six,
-        &.left-seven,
-        &.left-eight,
-        &.left-nine,
-        &.left-ten,
-        &.left-eleven   { right:0; }
-        // reset offset
-        &.skip-one,
-        &.skip-two,
-        &.skip-three,
-        &.skip-four,
-        &.skip-five,
-        &.skip-six,
-        &.skip-seven,
-        &.skip-eight,
-        &.skip-nine,
-        &.skip-ten,
-        &.skip-eleven   { margin-left:0; }
+        @include grid-collapse();
       }
     }
   }
 }
+
+@mixin grid-collapse() {
+  width:100% !important;
+  float:none;
+  clear:both;
+  // reset push
+  &.right-one,
+  &.right-two,
+  &.right-three,
+  &.right-four,
+  &.right-five,
+  &.right-six,
+  &.right-seven,
+  &.right-eight,
+  &.right-nine,
+  &.right-ten,
+  &.right-eleven  { left:0; }
+  // reset pull
+  &.left-one,
+  &.left-two,
+  &.left-three,
+  &.left-four,
+  &.left-five,
+  &.left-six,
+  &.left-seven,
+  &.left-eight,
+  &.left-nine,
+  &.left-ten,
+  &.left-eleven   { right:0; }
+  // reset offset
+  &.skip-one,
+  &.skip-two,
+  &.skip-three,
+  &.skip-four,
+  &.skip-five,
+  &.skip-six,
+  &.skip-seven,
+  &.skip-eight,
+  &.skip-nine,
+  &.skip-ten,
+  &.skip-eleven   { margin-left:0; }
+}
+
+// helper classes
+@mixin helper-classes() {
+  
+  $helpers: inline block zero pull-right pull-left border-right border-left border-top border-bottom align-top align-right align-bottom align-left align-center justify center clear clearfix space round rotate-90 rotate-180 rotate-270 rotate-90-ctr rotate-180-ctr rotate-270-ctr;
+  // function to generate the helpers
+  @for $i from 1 through length($helpers) {
+    .#{nth($helpers, $i)} { @extend %#{nth($helpers, $i)}; }
+  }
+
+  $spacers: padded pad-top pad-right pad-bottom pad-left gapped gap-top gap-right gap-bottom gap-left;
+  $modifiers: double triple;
+  // function to generate the spacers
+  @for $i from 1 through length($spacers) {
+    .#{nth($spacers, $i)} { @extend %#{nth($spacers, $i)}; }
+
+  }
+
+  .stick            { @extend %stick;
+    &.middle        { @extend %middle; }
+    &.center        { @extend %center; }
+    &.right         { @extend %right; }
+    &.left          { @extend %left; }
+    &.top           { @extend %top; }
+    &.bottom        { @extend %bottom; }
+  }
+
+}