groundworkcss-rails 0.2.9 → 0.2.10

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

@@ -0,0 +1,46 @@
+/*
+ *
+ *  jQuery ResponsiveText by Gary Hepting - https://github.com/ghepting/responsiveText
+ *  
+ *  Open source under the MIT 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,137 @@
+/*
+ *
+ *  jQuery Tooltips by Gary Hepting - https://github.com/ghepting/jquery-tooltips
+ *  
+ *  Open source under the MIT License. 
+ *
+ *  Copyright © 2013 Gary Hepting. All rights reserved.
+ *
+*/
+
+
+(function() {
+  (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().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'));
+          $.each(['disabled', 'info', 'alert', 'warning', 'error', 'success', 'green', 'blue', 'purple', 'yellow', 'orange', 'red', 'asphalt'], function(index, value) {
+            if (trigger.hasClass(value)) {
+              return tooltip.addClass(value);
+            }
+          });
+          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/_settings.scss

@@ -0,0 +1,149 @@
+// =============================================
+//              Custom Settings
+//          Last Updated:2013-4-25
+// =============================================
+
+
+
+
+///////////////////////
+//  custom settings  //
+///////////////////////
+
+// framework options
+// $classes:             true;       // enable CSS class selectors     (WIP)
+// $tags:                true;       // enable semantic tag selectors  (WIP)
+// $tag-elements: html body
+//							div span header footer aside nav menu section article details
+//							h1 h2 h3 h4 h5 h6 p
+//							ol ul li dl dt dd
+//							em small big strong b u i
+//							blockquote cite pre code time address
+//							a img center hr
+//							form fieldset legend label input textarea select button
+//							table caption tbody thead tfoot tr th td
+//							iframe object canvas audio video;
+// $aria:                true;       // enable Aria role selectors     (WIP)
+
+// file paths
+// $root_path:           '../';      // path to HTML document root (relative from $css_path)
+// $css_path:            'css/';     // path to CSS output (relative from HTML document root)
+// $images_path:         'images/';  // path to images (relative from $root_path)
+// $fonts_path:          'font/';    // path to fonts (relative from $root_path)
+// $boxsizing_path:      '/js/libs/boxsizing.htc';  // path to box sizing polyfill (change to absolute path from HTML document root)
+
+// layout/grid settings
+// $max-width:           1200px;     // max container width (i.e. - 960px)
+// $gutter:              10px;       // gutter spacing
+
+
+
+///////////////////////
+//       colors      //
+///////////////////////
+
+// base styles
+// $background-color:    #ffffff;
+// $font-color:          #2b2b2d;
+// $font-size:           14px;
+// $font-family:         Helvetica, Arial, Geneva, sans-serif;
+
+// links
+// $link-color:          #489AC1;
+// $link-active:         #198D98;
+
+// selection
+// $selection-color:     $link-color;
+// $selection-text:      #ffffff;
+
+// borders
+// $border-color:        #dddddd;
+
+// buttons
+// $button-color:        #1DABB8;
+// $button-border-color: darken($button-color,10%);
+// $button-active:       #198D98;
+// $button-text:         #ffffff;
+// $button-active-text:  #ffffff;
+
+// disabled
+// $disabled-color:      gray;
+
+// info
+// $info-color:          #3a87ad;
+// $info-background:     #d9edf7;
+// $info-border:         #bce8f1;
+
+// alert
+// $alert-color:         #c09853;
+// $alert-background:    #fcf8e3;
+// $alert-border:        #fbeee0;
+
+// error
+// $error-color:         #b94a48;
+// $error-background:    #f2dede;
+// $error-border:        #eed3d7;
+
+// warning
+// $warning-color:       #FF971E;
+// $warning-background:  #FFE5C7;
+// $warning-border:      #FFDBB3;
+
+// success
+// $success-color:       #468847;
+// $success-background:  #dff0d8;
+// $success-border:      #d6e9c6;
+
+// $state-name:    disabled         info         alert         warning         error         success;
+// $state-code:   $disabled-color  $info-color  $alert-color  $warning-color  $error-color  $success-color;
+// $state-text:   $white           $white       $white        $white          $white        $white;
+
+// modifier colors
+// $green:               #2ecc71 !default;
+// $blue:                #3498db !default;
+// $purple:              #9b59b6 !default;
+// $yellow:              #f1c40f !default;
+// $orange:              #e67e22 !default;
+// $red:                 #e74c3c !default;
+// $pink:                #f02475 !default;
+// $turquoise:           #1abc9c !default;
+// $asphalt:             #34495e !default;
+
+// $modifier-name:    green     blue     purple     yellow     orange     red     pink     turquoise     asphalt;
+// $modifier-code:   $green    $blue    $purple    $yellow    $orange    $red    $pink    $turquoise    $asphalt;
+// $modifier-text:   $white    $white   $white     $white     $white     $white  $white   $white        $white;
+
+// rounded corners
+// $radius:              4px;
+
+
+
+///////////////////////
+//   reset elements  //
+///////////////////////
+
+// elements that will be reset (trim this to include only the elements that are used in your markup)
+// $reset: true;
+// $reset-elements:  html body
+//                   div span header footer aside nav menu section article details
+//                   h1 h2 h3 h4 h5 h6 p
+//                   ol ul li dl dt dd
+//                   em small big strong b u i sub sup del strike
+//                   blockquote cite pre code time address
+//                   a img center hr
+//                   form fieldset legend label input textarea select button
+//                   table caption tbody thead tfoot tr th td
+//                   iframe object canvas audio video;
+
+
+
+///////////////////////
+//     web fonts     //
+///////////////////////
+
+// font names
+// $web-font-names:      Average Sans,
+//                       American Typewriter;
+// font files (must all be named the same as listed below and include .eot, .woff and .ttf file types)
+// $web-font-files:      average-sans-webfont,
+//                       americantypewriterstd-bold;

data/vendor/assets/stylesheets/groundworkcss-scss/base/_all.scss

@@ -0,0 +1,11 @@
+// =============================================
+//       GroundworkCSS by Gary Hepting
+//          Last Updated:2013-4-24
+// =============================================
+
+
+// reset (box sizing)
+@import "reset";
+@import "global";
+@import "grid";
+@import "helpers";

data/vendor/assets/stylesheets/groundworkcss-scss/{_animations.scss → base/_animations.scss}

@@ -1,6 +1,10 @@
-// ====================
-//    CSS animations
-// ====================
+// =============================================
+//          CSS Keyframe Animations
+//          Last Updated:2013-4-24
+// =============================================
+
+
+
 
 // spin (required by helpers)
 @-moz-keyframes spin {

data/vendor/assets/stylesheets/groundworkcss-scss/{_global.scss → base/_global.scss}

@@ -1,6 +1,6 @@
 // =============================================
-//        Global styles by Gary Hepting 
-//          Last Updated:2013-1-23
+//               Global Styles
+//          Last Updated:2013-4-24
 // =============================================
 
 
@@ -13,35 +13,52 @@
   width:100%;
   height:100%;
 }
+
 %document {
   width:100% !important;
   min-height:100%;
   background:$background-color;
+  margin:0;
   padding:0;
 }
+
 %hr {
   border:0;
   border-bottom:1px solid $border-color;
   margin:$gutter auto;
   clear:both;
 }
+
 %img {
   max-width:100%;
   border:none;
 }
+
 @if $tags {
-  html {
-    @extend %html;
+  $elements: html hr img;
+  @for $i from 1 through length($elements) {
+		@if not index($tag-elements, nth($elements, $i)) == false {
+			#{nth($elements, $i)} {
+				@extend %#{nth($elements, $i)};
+			}
+		}
   }
-  html,
-  body {
+  html, body {
     @extend %document;
   }
-  hr {
-    @extend %hr;
-  }
-  img,
   a img {
     @extend %img;
   }
 }
+
+@if $classes {
+  $names: html document hr img;
+  @for $i from 1 through length($names) {
+    .#{nth($names, $i)} {
+      @extend %#{nth($names, $i)};
+    }
+  }
+	.html, .body {
+		@extend %document;
+	}
+}

data/vendor/assets/stylesheets/groundworkcss-scss/{_grid.scss → base/_grid.scss}

@@ -1,12 +1,14 @@
 // =============================================
 //    Fractional grid system by Gary Hepting
-//          Last Updated:2013-3-05
+//          Last Updated:2013-4-24
 //
 //    ***** REQUIRES BORDER BOX SIZING *****
-// 
+//
 // =============================================
 
 
+
+
 ///////////////////////////////////////////////
 //    grid system - placeholders & classes   //
 ///////////////////////////////////////////////
@@ -141,4 +143,4 @@ $fractions-plural: wholes halves thirds fourths fifths sixths sevenths eighths n
   &%skip-nine,
   &%skip-ten,
   &%skip-eleven#{if($classes, ", &.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; }
-}
+}