themepile-abstractio 1.0.4 → 4.1.7

data/docs/support.html.erb

@@ -0,0 +1,143 @@
+<style type="text/css">
+
+  .row.support { padding: 9px 0; }
+  .row.support:nth-child(2n) { background: #f4f4f4; }
+
+  .support .win { color: #4ea600; font-weight: bold; }
+  .support .meh { color: #888; font-weight: bold; }
+  .support .fail { color: #cc0000; font-weight: bold; }
+
+  .tooltip { font-size: 14px; }
+</style>
+
+<div class="row">
+
+
+  <div class="large-9 push-3 columns">
+
+    <% @page_title = "Support" %>
+    <h2><%= @page_title %></h2>
+
+    <h4 class="subheader">Abstractio was designed for and tested on numerous browsers and devices. Here's the rundown on what's tested, and what to do if something misbehaves.</h4>
+
+    <h5>Browser and Device Support</h5>
+    <p>We go to great lengths to ensure that Abstractio works as expected on a variety of common browsers and devices. Given how forward-facing Abstractio is there are some aesthetic properties which are not supported in older browsers (border radii, box shadows, etc), but the core elements are reliable across the board.</p>
+
+		<div class="row support">
+		  <div class="small-3 columns"><h5>Browser/OS</h5></div>
+		  <div class="small-3 columns"><h5>The Grid</h5></div>
+		  <div class="small-3 columns"><h5>Layout/UI</h5></div>
+		  <div class="small-3 columns"><h5>JS</h5></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">Chrome</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">Firefox</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">Safari</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">IE10</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">IE9</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">IE8</div>
+		  <div class="small-3 columns"><span data-tooltip class="meh has-tip tip-top" data-width="200" title="The grid is within a media query so IE8 gets the mobile layouts. If you need a full grid for IE8, see below for a link to a gist that will help out immensely.">&#9679;</span></div>
+		  <div class="small-3 columns"><span data-tooltip class="meh has-tip tip-top" title="90% of our UI elements will work perfectly in IE8. There are a few cases, like radio switches, where we make sure IE8 just gets normal UI elements instead of custom ones." data-width="200">&#9679;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">IE7</div>
+		  <div class="small-3 columns"><span class="fail">&#x2717;</span></div>
+		  <div class="small-3 columns"><span data-tooltip title="While we don't officially support IE7, but our UI styles should work for the most part" class="meh has-tip tip-top" data-width="200">&#9679;</span></div>
+		  <div class="small-3 columns"><span data-tooltip title="While we don't officially IE7, but our JS works for the most part. Clearing and tooltips have some issues with style and position." class="meh has-tip tip-top" data-width="200">&#9679;</span></div>
+		</div>
+
+		<div class="row support">
+		  <div class="small-3 columns">iOS (iPhone)</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">iOS (iPad)</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">Android 2, 4 (Phone)</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">Android 2, 4 (Tablet)</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">Windows Phone 7+</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+		<div class="row support">
+		  <div class="small-3 columns">Surface</div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		  <div class="small-3 columns"><span class="win">&#x2713;</span></div>
+		</div>
+
+    <hr>
+
+    <h5>Want IE8 Grid Support?</h5>
+    <p>We know it can be hard to get clients to ditch support for IE8. We're hoping with the auto-update to IE10 release from Microsoft, we won't need to worry about it anymore. Until then, here's a gist with a grid that will work in IE8, just like it did in Abstractio 3.</p>
+    <a class="small button" href="https://gist.github.com/themepilechris/5068210">Abstractio IE8 Grid</a>
+
+    <hr>
+
+    <h5>Upgrading from Abstractio 3.x?</h5>
+    <p>We've written a comprehensive <a href="http://abstractio.themepile.co.uk/migration.php">Migration Guide</a> to help you update your code for an existing or work in progress project.</p>
+
+    <hr />
+
+    <div class="panel">
+      <h4>Get Answers</h4>
+      <h5 class="subheader">We've outlined some of the most common frequently asked questions so that you can easily find the answer, as well as given you a way to contact us directly with questions, feedback or concerns.</h5>
+      <a class="button" href="faq.html">Read the FAQ or Ask a Question &raquo;</a> <a class="secondary button" href="changelog.html">See the Version Changelog &raquo;</a>
+    </div>
+
+  </div>
+  <div class="large-3 pull-9 columns">
+    <%= render "_sidebar.html.erb" %>
+  </div>
+</div>
+
+
+
+
+
+
+
+

data/js/{foundation/foundation.alerts.js → abstractio/abstractio.alerts.js}

@@ -3,7 +3,7 @@
 ;(function ($, window, document, undefined) {
   'use strict';
 
-  Foundation.libs.alerts = {
+  Abstractio.libs.alerts = {
     name : 'alerts',
 
     version : '4.0.0',
@@ -47,4 +47,4 @@
       $(this.scope).off('.fndtn.alerts');
     }
   };
-}(Foundation.zj, this, this.document));
+}(Abstractio.zj, this, this.document));

data/js/{foundation/foundation.clearing.js → abstractio/abstractio.clearing.js}

@@ -3,7 +3,7 @@
 ;(function ($, window, document, undefined) {
   'use strict';
 
-  Foundation.libs.clearing = {
+  Abstractio.libs.clearing = {
     name : 'clearing',
 
     version : '4.1.3',
@@ -27,7 +27,7 @@
 
     init : function (scope, method, options) {
       var self = this;
-      Foundation.inherit(this, 'set_data get_data remove_data throttle data_options');
+      Abstractio.inherit(this, 'set_data get_data remove_data throttle data_options');
 
       if (typeof method === 'object') {
         options = $.extend(true, this.settings, method);
@@ -96,7 +96,7 @@
         .on('click.fndtn.clearing', '.clearing-main-prev',
           function (e) { this.nav(e, 'prev') }.bind(this))
         .on('click.fndtn.clearing', this.settings.close_selectors,
-          function (e) { Foundation.libs.clearing.close(e, this) })
+          function (e) { Abstractio.libs.clearing.close(e, this) })
         .on('keydown.fndtn.clearing',
           function (e) { this.keydown(e) }.bind(this));
 
@@ -156,9 +156,9 @@
 
     assemble : function ($li) {
       var $el = $li.parent();
-      $el.after('<div id="foundationClearingHolder"></div>');
+      $el.after('<div id="abstractioClearingHolder"></div>');
 
-      var holder = $('#foundationClearingHolder'),
+      var holder = $('#abstractioClearingHolder'),
           settings = this.get_data($el),
           grid = $el.detach(),
           data = {
@@ -513,4 +513,4 @@
     }
   };
 
-}(Foundation.zj, this, this.document));
+}(Abstractio.zj, this, this.document));

data/js/{foundation/foundation.cookie.js → abstractio/abstractio.cookie.js}

@@ -71,4 +71,4 @@
     return false;
   };
 
-})(Foundation.zj, document);
+})(Abstractio.zj, document);

data/js/{foundation/foundation.dropdown.js → abstractio/abstractio.dropdown.js}

@@ -3,7 +3,7 @@
 ;(function ($, window, document, undefined) {
   'use strict';
 
-  Foundation.libs.dropdown = {
+  Abstractio.libs.dropdown = {
     name : 'dropdown',
 
     version : '4.1.3',
@@ -16,7 +16,7 @@
 
     init : function (scope, method, options) {
       this.scope = scope || this.scope;
-      Foundation.inherit(this, 'throttle scrollLeft');
+      Abstractio.inherit(this, 'throttle scrollLeft');
 
       if (typeof method === 'object') {
         $.extend(true, this.settings, method);
@@ -71,7 +71,7 @@
       dropdown.each(function () {
         if ($(this).hasClass(self.settings.activeClass)) {
           $(this)
-            .css(Foundation.rtl ? 'right':'left', '-99999px')
+            .css(Abstractio.rtl ? 'right':'left', '-99999px')
             .removeClass(self.settings.activeClass);
           $(this).trigger('closed');
         }
@@ -125,7 +125,7 @@
           top: position.top + this.outerHeight(target)
         });
       } else {
-        if (!Foundation.rtl && $(window).width() > this.outerWidth(dropdown) + target.offset().left) {
+        if (!Abstractio.rtl && $(window).width() > this.outerWidth(dropdown) + target.offset().left) {
           var left = position.left;
         } else {
           if (!dropdown.hasClass('right')) {
@@ -156,4 +156,4 @@
       this.settings.init = false;
     }
   };
-}(Foundation.zj, this, this.document));
+}(Abstractio.zj, this, this.document));

data/js/{foundation/foundation.forms.js → abstractio/abstractio.forms.js}

@@ -1,7 +1,7 @@
 (function ($, window, document, undefined) {
   'use strict';
 
-  Foundation.libs.forms = {
+  Abstractio.libs.forms = {
     name: 'forms',
 
     version: '4.1.6',
@@ -150,7 +150,7 @@
 
       $(window).on('keydown', function (e) {
         var focus = document.activeElement,
-            self = Foundation.libs.forms,
+            self = Abstractio.libs.forms,
             dropdown = $('.custom.dropdown.open');
 
         if (dropdown.length > 0) {
@@ -244,7 +244,7 @@
     },
 
     append_custom_select: function (idx, sel) {
-        var self = Foundation.libs.forms,
+        var self = Abstractio.libs.forms,
             $this = $(sel),
             $customSelect = $this.next('div.custom.dropdown'),
             $customList = $customSelect.find('ul'),
@@ -332,12 +332,12 @@
           // Quickly, display all parent elements.
           // This should help us calcualate the width of the list item's within the drop down.
           //
-          var self = Foundation.libs.forms;
+          var self = Abstractio.libs.forms;
           self.hidden_fix.adjust($customList);
 
           maxWidth = (self.outerWidth($listItems) > maxWidth) ? self.outerWidth($listItems) : maxWidth;
 
-          Foundation.libs.forms.hidden_fix.reset();
+          Abstractio.libs.forms.hidden_fix.reset();
 
           $customSelect.removeClass('open');
 
@@ -346,7 +346,7 @@
     },
 
     assign_id: function ($select, $customSelect) {
-      var id = [+new Date(), Foundation.random_str(5)].join('-');
+      var id = [+new Date(), Abstractio.random_str(5)].join('-');
       $select.attr('data-id', id);
       $customSelect.attr('data-id', id);
     },
@@ -513,4 +513,4 @@
     }
     return $();
   };
-}(Foundation.zj, this, this.document));
+}(Abstractio.zj, this, this.document));

data/js/{foundation/foundation.joyride.js → abstractio/abstractio.joyride.js}

@@ -3,7 +3,7 @@
 (function ($, window, document, undefined) {
   'use strict';
 
-  Foundation.libs.joyride = {
+  Abstractio.libs.joyride = {
     name: 'joyride',
 
     version : '4.1.2',
@@ -49,7 +49,7 @@
 
     init : function (scope, method, options) {
       this.scope = scope || this.scope;
-      Foundation.inherit(this, 'throttle data_options scrollTo scrollLeft delay');
+      Abstractio.inherit(this, 'throttle data_options scrollTo scrollLeft delay');
 
       if (typeof method === 'object') {
         $.extend(true, this.settings, this.defaults, method);
@@ -431,7 +431,7 @@
 
           if (this.bottom()) {
             var leftOffset = this.settings.$target.offset().left;
-            if (Foundation.rtl) {
+            if (Abstractio.rtl) {
               leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
             }
             this.settings.$next_tip.css({
@@ -442,7 +442,7 @@
 
           } else if (this.top()) {
             var leftOffset = this.settings.$target.offset().left;
-            if (Foundation.rtl) {
+            if (Abstractio.rtl) {
               leftOffset = this.settings.$target.offset().width - this.settings.$next_tip.width() + leftOffset;
             }
             this.settings.$next_tip.css({
@@ -839,4 +839,4 @@
       this.settings = {};
     }
   };
-}(Foundation.zj, this, this.document));
+}(Abstractio.zj, this, this.document));

data/js/{foundation/foundation.js → abstractio/abstractio.js}

@@ -1,6 +1,6 @@
 /*
- * Foundation Responsive Library
- * http://foundation.zurb.com
+ * Abstractio Responsive Library
+ * http://abstractio.themepile.co.uk
  * Copyright 2013, ZURB
  * Free to use under the MIT license.
  * http://www.opensource.org/licenses/mit-license.php
@@ -121,8 +121,8 @@ if (typeof jQuery === "undefined" &&
     return this;
   };
 
-  window.Foundation = {
-    name : 'Foundation',
+  window.Abstractio = {
+    name : 'Abstractio',
 
     version : '4.1.5',
 
@@ -141,7 +141,7 @@ if (typeof jQuery === "undefined" &&
       // check RTL
       this.rtl = /rtl/i.test($('html').attr('dir'));
 
-      // set foundation global scope
+      // set abstractio global scope
       this.scope = scope || this.scope;
 
       if (libraries && typeof libraries === 'string') {
@@ -242,24 +242,24 @@ if (typeof jQuery === "undefined" &&
     lib_methods : {
       set_data : function (node, data) {
         // this.name references the name of the library calling this method
-        var id = [this.name,+new Date(),Foundation.random_str(5)].join('-');
+        var id = [this.name,+new Date(),Abstractio.random_str(5)].join('-');
 
-        Foundation.cache[id] = data;
+        Abstractio.cache[id] = data;
         node.attr('data-' + this.name + '-id', id);
         return data;
       },
 
       get_data : function (node) {
-        return Foundation.cache[node.attr('data-' + this.name + '-id')];
+        return Abstractio.cache[node.attr('data-' + this.name + '-id')];
       },
 
       remove_data : function (node) {
         if (node) {
-          delete Foundation.cache[node.attr('data-' + this.name + '-id')];
+          delete Abstractio.cache[node.attr('data-' + this.name + '-id')];
           node.attr('data-' + this.name + '-id', '');
         } else {
           $('[data-' + this.name + '-id]').each(function () {
-            delete Foundation.cache[$(this).attr('data-' + this.name + '-id')];
+            delete Abstractio.cache[$(this).attr('data-' + this.name + '-id')];
             $(this).attr('data-' + this.name + '-id', '');
           });
         }
@@ -375,7 +375,7 @@ if (typeof jQuery === "undefined" &&
       return error.name + ' ' + error.message + '; ' + error.more;
     },
 
-    // remove all foundation events.
+    // remove all abstractio events.
     off: function () {
       $(this.scope).off('.fndtn');
       $(window).off('.fndtn');
@@ -391,11 +391,11 @@ if (typeof jQuery === "undefined" &&
     }()
   };
 
-  $.fn.foundation = function () {
+  $.fn.abstractio = function () {
     var args = Array.prototype.slice.call(arguments, 0);
 
     return this.each(function () {
-      Foundation.init.apply(Foundation, [this].concat(args));
+      Abstractio.init.apply(Abstractio, [this].concat(args));
       return this;
     });
   };

data/js/{foundation/foundation.magellan.js → abstractio/abstractio.magellan.js}

@@ -3,7 +3,7 @@
 ;(function ($, window, document, undefined) {
   'use strict';
 
-  Foundation.libs.magellan = {
+  Abstractio.libs.magellan = {
     name : 'magellan',
 
     version : '4.0.0',
@@ -14,7 +14,7 @@
 
     init : function (scope, method, options) {
       this.scope = scope || this.scope;
-      Foundation.inherit(this, 'data_options');
+      Abstractio.inherit(this, 'data_options');
 
       if (typeof method === 'object') {
         $.extend(true, this.settings, method);
@@ -127,4 +127,4 @@
       $(this.scope).off('.fndtn.magellan');
     }
   };
-}(Foundation.zj, this, this.document));
+}(Abstractio.zj, this, this.document));