groundworkcss-rails 0.1

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

@@ -0,0 +1,206 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+ *
+ *  jQuery Popovers by Gary Hepting - https://github.com/ghepting/jquery-popovers
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+
+  (function($) {
+    return $.fn.popover = function(options) {
+      var closePopover, defaults, delayAdjust, delayHide, getElementPosition, popover, resetPopover, setPosition, showPopover, trigger;
+      defaults = {
+        hover: false,
+        click: true,
+        resize: true,
+        scroll: true,
+        topOffset: 0,
+        delay: 500,
+        speed: 100
+      };
+      options = $.extend(defaults, options);
+      popover = $('#popover');
+      delayHide = '';
+      delayAdjust = '';
+      trigger = '';
+      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()
+        };
+      };
+      resetPopover = function(resize) {
+        popover.css({
+          top: 'auto',
+          right: 'auto',
+          bottom: 'auto',
+          left: 'auto'
+        });
+        if (resize) {
+          popover.css({
+            width: 'auto'
+          });
+        }
+        popover.removeClass('top');
+        popover.removeClass('right');
+        popover.removeClass('bottom');
+        return popover.removeClass('left');
+      };
+      setPosition = function(trigger, skipAnimation, resize) {
+        var attrs, coords, height, width;
+        if (trigger) {
+          if (resize) {
+            resetPopover(true);
+          } else {
+            resetPopover();
+          }
+          coords = getElementPosition(trigger);
+          if (popover.outerWidth() > ($(window).width() - 20)) {
+            popover.css('width', $(window).width() - 20);
+          }
+          popover.css('max-width', Math.min($(window).width() - parseInt($('body').css('padding-left')) - parseInt($('body').css('padding-right')), parseInt(popover.css('max-width'))));
+          width = popover.outerWidth();
+          height = popover.outerHeight();
+          attrs = {};
+          if (coords.left <= coords.right) {
+            popover.addClass('left');
+            attrs.left = coords.left;
+          } else {
+            popover.addClass('right');
+            attrs.right = coords.right;
+          }
+          if ((coords.top - options.topOffset) > (height + 20)) {
+            popover.addClass('top');
+            attrs.top = trigger.offset().top - height - 20;
+          } else {
+            popover.addClass('bottom');
+            attrs.top = trigger.offset().top + 15;
+          }
+          popover.css(attrs);
+          if (skipAnimation) {
+            return popover.css({
+              top: '+=10'
+            });
+          }
+        }
+      };
+      closePopover = function() {
+        $('.popover-trigger').removeClass('popover-trigger');
+        return popover.removeClass('sticky').remove();
+      };
+      showPopover = function(e) {
+        var tip;
+        trigger = $(e.target);
+        if (!trigger.hasClass('popover-trigger')) {
+          closePopover();
+          trigger.addClass('popover-trigger');
+        }
+        tip = $('#' + trigger.attr('data-content')).html();
+        popover = $("<div id=\"popover\"></div>");
+        if (!tip || tip === "") {
+          return false;
+        }
+        trigger.removeAttr("title");
+        popover.css("opacity", 0).html(tip).appendTo("body");
+        setPosition(trigger);
+        popover.animate({
+          top: "+=10",
+          opacity: 1
+        }, options.speed);
+        popover.bind("click", function(e) {
+          if (e.target.tagName !== 'a') {
+            popover.addClass('sticky');
+            e.stopPropagation();
+            e.preventDefault();
+            return false;
+          }
+        });
+        popover.find('.close').bind("click", function(e) {
+          $('.popover-trigger').removeClass('popover-trigger');
+          popover.removeClass('sticky').remove();
+          e.stopPropagation();
+          e.preventDefault();
+          return false;
+        });
+        return popover.bind({
+          mouseenter: function() {
+            return clearTimeout(delayHide);
+          },
+          mouseleave: function() {
+            if (!popover.hasClass('sticky')) {
+              return delayHide = setTimeout((function() {
+                $('.popover-trigger').removeClass('popover-trigger');
+                return popover.removeClass('sticky').remove();
+              }), 500);
+            }
+          }
+        });
+      };
+      return this.each(function() {
+        var $this;
+        $this = $(this);
+        if (options.hover) {
+          $this.bind({
+            mouseenter: function(e) {
+              trigger = $(e.target);
+              clearTimeout(delayHide);
+              if (!$this.hasClass('popover-trigger') && !popover.hasClass('sticky')) {
+                return showPopover(e);
+              }
+            },
+            mouseleave: function() {
+              if (!popover.hasClass('sticky')) {
+                return delayHide = setTimeout(function() {
+                  return closePopover();
+                }, options.delay);
+              }
+            }
+          });
+        }
+        if (options.click) {
+          $this.bind("click", function(e) {
+            trigger = $(e.target);
+            if (!trigger.hasClass('popover-trigger')) {
+              closePopover();
+              showPopover(e);
+            }
+            popover.addClass('sticky');
+            e.preventDefault();
+            e.stopPropagation();
+            return false;
+          });
+        }
+        if (options.resize) {
+          $(window).resize(function() {
+            clearTimeout(delayAdjust);
+            return delayAdjust = setTimeout(function() {
+              return setPosition(trigger, true, true);
+            }, 100);
+          });
+        }
+        if (options.scroll) {
+          $(window).scroll(function() {
+            return setPosition(trigger, true);
+          });
+        }
+        return $('html, body').bind("click", function(e) {
+          $('.popover-trigger').removeClass('popover-trigger');
+          return popover.removeClass('sticky').remove();
+        });
+      });
+    };
+  })(jQuery);
+
+}).call(this);

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

@@ -0,0 +1,63 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+ *
+ *  jQuery ResponsiveTables by Gary Hepting - https://github.com/ghepting/responsiveTables
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+
+  (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);
+
+}).call(this);

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

@@ -0,0 +1,45 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+ *
+ *  jQuery ResponsiveText by Gary Hepting - https://github.com/ghepting/responsiveText
+ *  
+ *  Open source under the BSD License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+
+  (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);
+
+}).call(this);

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

@@ -0,0 +1,118 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+ *
+ *  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() {
+
+  (function($) {
+    return $.fn.tooltip = function(options) {
+      var closetooltip, defaults, delayShow, getElementPosition, setPosition, showtooltip, tooltip, trigger;
+      defaults = {
+        topOffset: 0,
+        delay: 100,
+        speed: 100
+      };
+      options = $.extend(defaults, options);
+      tooltip = $('#tooltip');
+      delayShow = '';
+      trigger = '';
+      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);
+      };
+      closetooltip = function() {
+        tooltip.stop().remove();
+        return $('[role=tooltip]').removeClass('on');
+      };
+      showtooltip = function(trigger) {
+        closetooltip();
+        clearTimeout(delayShow);
+        return delayShow = setTimeout(function() {
+          if ($('#tooltip').length !== 1) {
+            $('#tooltip').remove();
+            tooltip = $("<div id=\"tooltip\"></div>");
+            tooltip.appendTo("body");
+          }
+          tooltip.css("opacity", 0).text(trigger.attr('data-title'));
+          setPosition(trigger);
+          trigger.addClass('on');
+          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);
+
+}).call(this);

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

@@ -0,0 +1,178 @@
+// ===================================
+//         Groundwork Buttons
+// ===================================
+
+
+
+
+button, .button, a.button, a.button:link, a.button:visited, input[type=submit],  input[type=button], input[type=reset] {
+  display:inline-block;
+  word-wrap:break-word;
+  padding:0.25em 1em;
+  background:$button-color;
+  border:1px solid $button-active;
+  color:$button-text;
+  font-weight:bold;
+  font-size:1em;
+  text-decoration:none;
+  cursor:pointer;
+  line-height:1.5;
+  @include transition(background-color 0.25s ease-out);
+  @include rounded($radius);
+  &:hover, &:focus {
+    background:$button-active;
+    text-decoration:none;
+    color:$button-active-text;
+  }
+  &.active, &.active:hover, &.active:focus {
+    background:$button-active;
+    color:$button-active-text;
+  }
+  &.disabled {
+    background:lighten(gray, 15%);
+    border-color:gray;
+    color:lighten(gray, 35%);
+    cursor:not-allowed;
+    text-decoration:none;
+  }
+  &.small {
+    font-size:0.8em;
+  }
+  &.large {
+    font-size:1.5em;
+  }
+  &.error {
+    background:$error-color;
+    border:1px solid darken($error-color, 10%);
+    color:$button-text;
+    &:hover, &:focus {
+      background:darken($error-color, 10%);
+    }
+  }
+  &.warning {
+    background:$warning-color;
+    border:1px solid darken($warning-color, 10%);
+    color:$button-text;
+    &:hover, &:focus {
+      background:darken($warning-color, 10%);
+    }
+  }
+  &.success {
+    background:$success-color;
+    border:1px solid darken($success-color, 10%);
+    color:$button-text;
+    &:hover, &:focus {
+      background:darken($success-color, 10%);
+    }
+  }
+  &.square {
+    @include rounded(0);
+  }
+  &.round {
+    @include rounded(9999px);
+  }
+  &.block {
+    display:block;
+    width:100%;
+    text-align:center;
+  }
+  &.dropdown {
+    position:relative;
+    padding-right:2em;
+    &:after {
+      content:'...';
+      position:absolute;
+      right:1em;
+      bottom:0.25em;
+    }
+    &:hover ul, &:focus ul {
+      display:block;
+    }
+    ul {
+      margin:0.3em 0 0;
+      padding:0;
+      list-style:none;
+      display:none;
+      background:white;
+      border:1px solid $border-color;
+      position:absolute;
+      left:0;
+      width:100%;
+      z-index:10;
+      font-size:0.9em;
+      @include rounded(0 0 $radius $radius);
+      li {
+        display:block;
+        a, a:link, a:visited {
+          display:block;
+          padding:0.5em 1em;
+          border:none;
+          text-shadow:none;
+          text-decoration:none;
+          &:hover, &:focus {
+            background:#efefef;
+          }
+        }
+        &:last-child {
+          @include rounded(0 0 $radius $radius);
+        }
+      }
+      hr {
+        margin:0;
+        border-color:#ececec;
+      }
+    }
+  }
+}
+ul.button-list, ol.button-list {
+  list-style:none;
+  margin:0;
+  padding:0;
+  &:after {
+    content:'';
+    display:block;
+    clear:both;
+  }
+  li {
+    display:block;
+    float:left;
+    margin:0;
+    border-radius:0;
+    &:first-child a {
+      border-radius:$radius 0 0 $radius;
+    }
+    &:last-child a {
+      border-radius:0 $radius $radius 0;
+    }
+    a {
+      display:block;
+      word-wrap:break-word;
+      padding:0.25em 1em;
+      background:$button-color;
+      border:1px solid $button-active;
+      color:$button-text;
+      font-weight:bold;
+      font-size:1em;
+      text-decoration:none;
+      cursor:pointer;
+      line-height:1.5;
+      @include transition(background-color 0.25s ease-out);
+      &:hover, &:focus {
+        background:$button-active;
+        text-decoration:none;
+        color:$button-active-text;
+        border:1px solid $button-active;
+      }
+      &.active, &.active:hover, &.active:focus {
+        background:$button-active;
+        color:$button-active-text;
+      }
+      &.disabled {
+        background:lighten(gray, 15%);
+        border-color:gray;
+        color:lighten(gray, 35%);
+        cursor:not-allowed;
+      }
+    }
+  }
+}