survivalkit 0.2.0 → 0.2.1

data/templates/project/libs/plugins.js

@@ -13,4 +13,46 @@ window.log = function(){
 (function(b){function c(){}for(var d="assert,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,markTimeline,profile,profileEnd,time,timeEnd,trace,warn".split(","),a;a=d.pop();)b[a]=b[a]||c})(window.console=window.console||{});
 
 
+////////////////////////////
+// PLUGINS FROM 320 AND UP
+////////////////////////////
+
+// usage: log('inside coolFunc', this, arguments);
+window.log = function(){
+log.history = log.history || [];   // store logs to an array for reference
+log.history.push(arguments);
+if(this.console) {
+arguments.callee = arguments.callee.caller;
+console.log( Array.prototype.slice.call(arguments) );
+}
+};
+(function(b){function c(){}for(var d="assert,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,markTimeline,profile,profileEnd,time,timeEnd,trace,warn".split(","),a;a=d.pop();)b[a]=b[a]||c})(window.console=window.console||{});
+
+
+/*
+ * jQuery Responsive menu plugin by Matt Kersley
+ * Converts menus into a select elements for mobile devices and low browser widths
+ * github.com/mattkersley/Responsive-Menu
+ */
+(function(b){var c=0;b.fn.mobileMenu=function(g){function f(a){return a.attr("id")?b("#mobileMenu_"+a.attr("id")).length>0:(c++,a.attr("id","mm"+c),b("#mobileMenu_mm"+c).length>0)}function h(a){a.hide();b("#mobileMenu_"+a.attr("id")).show()}function k(a){if(a.is("ul, ol")){var e='<select id="mobileMenu_'+a.attr("id")+'" class="mobileMenu">';e+='<option value="">'+d.topOptionText+"</option>";a.find("li").each(function(){var a="",c=b(this).parents("ul, ol").length;for(i=1;i<c;i++)a+=d.indentString;
+c=b(this).find("a:first-child").attr("href");a+=b(this).clone().children("ul, ol").remove().end().text();e+='<option value="'+c+'">'+a+"</option>"});e+="</select>";a.parent().append(e);b("#mobileMenu_"+a.attr("id")).change(function(){var a=b(this);if(a.val()!==null)document.location.href=a.val()});h(a)}else alert("mobileMenu will only work with UL or OL elements!")}function j(a){b(window).width()<d.switchWidth&&!f(a)?k(a):b(window).width()<d.switchWidth&&f(a)?h(a):!(b(window).width()<d.switchWidth)&&
+f(a)&&(a.show(),b("#mobileMenu_"+a.attr("id")).hide())}var d={switchWidth:768,topOptionText:"Select a page",indentString:"&nbsp;&nbsp;&nbsp;"};return this.each(function(){g&&b.extend(d,g);var a=b(this);b(window).resize(function(){j(a)});j(a)})}})(jQuery);
+
+
+
+/*
+ * jQuery Extended Selectors plugin. (c) Keith Clark freely distributable under the terms of the MIT license.
+ * Adds missing -of-type pseudo-class selectors to jQuery
+ * github.com/keithclark/JQuery-Extended-Selectors  -  twitter.com/keithclarkcouk  -  keithclark.co.uk
+ */
+(function(g){function e(a,b){for(var c=a,d=0;a=a[b];)c.tagName==a.tagName&&d++;return d}function h(a,b,c){a=e(a,c);if(b=="odd"||b=="even")c=2,a-=b!="odd";else{var d=b.indexOf("n");d>-1?(c=parseInt(b,10)||parseInt(b.substring(0,d)+"1",10),a-=(parseInt(b.substring(d+1),10)||0)-1):(c=a+1,a-=parseInt(b,10)-1)}return(c<0?a<=0:a>=0)&&a%c==0}var f={"first-of-type":function(a){return e(a,"previousSibling")==0},"last-of-type":function(a){return e(a,"nextSibling")==0},"only-of-type":function(a){return f["first-of-type"](a)&&
+f["last-of-type"](a)},"nth-of-type":function(a,b,c){return h(a,c[3],"previousSibling")},"nth-last-of-type":function(a,b,c){return h(a,c[3],"nextSibling")}};g.extend(g.expr[":"],f)})(jQuery);
+
+
+
+/*! http://mths.be/placeholder v1.8.5 by @mathias */
+(function(g,a,$){var f='placeholder' in a.createElement('input'),b='placeholder' in a.createElement('textarea');if(f&&b){$.fn.placeholder=function(){return this};$.fn.placeholder.input=$.fn.placeholder.textarea=true}else{$.fn.placeholder=function(){return this.filter((f?'textarea':':input')+'[placeholder]').bind('focus.placeholder',c).bind('blur.placeholder',e).trigger('blur.placeholder').end()};$.fn.placeholder.input=f;$.fn.placeholder.textarea=b;$(function(){$('form').bind('submit.placeholder',function(){var h=$('.placeholder',this).each(c);setTimeout(function(){h.each(e)},10)})});$(g).bind('unload.placeholder',function(){$('.placeholder').val('')})}function d(i){var h={},j=/^jQuery\d+$/;$.each(i.attributes,function(l,k){if(k.specified&&!j.test(k.name)){h[k.name]=k.value}});return h}function c(){var h=$(this);if(h.val()===h.attr('placeholder')&&h.hasClass('placeholder')){if(h.data('placeholder-password')){h.hide().next().show().focus().attr('id',h.removeAttr('id').data('placeholder-id'))}else{h.val('').removeClass('placeholder')}}}function e(){var l,k=$(this),h=k,j=this.id;if(k.val()===''){if(k.is(':password')){if(!k.data('placeholder-textinput')){try{l=k.clone().attr({type:'text'})}catch(i){l=$('<input>').attr($.extend(d(this),{type:'text'}))}l.removeAttr('name').data('placeholder-password',true).data('placeholder-id',j).bind('focus.placeholder',c);k.data('placeholder-textinput',l).data('placeholder-id',j).before(l)}k=k.removeAttr('id').hide().prev().attr('id',j).show()}k.addClass('placeholder').val(k.attr('placeholder'))}else{k.removeClass('placeholder')}}}(this,document,jQuery));
+
+
+
 // place any jQuery/helper plugins in here, instead of separate, slower script files.

data/templates/project/libs/selectivizr-min.js

@@ -0,0 +1,5 @@
+/*!
+ * selectivizr v1.0.2 - (c) Keith Clark, freely distributable under the terms of the MIT license.
+ * selectivizr.com
+ */
+(function(j){function A(a){return a.replace(B,h).replace(C,function(a,d,b){for(var a=b.split(","),b=0,e=a.length;b<e;b++){var s=D(a[b].replace(E,h).replace(F,h))+o,l=[];a[b]=s.replace(G,function(a,b,c,d,e){if(b){if(l.length>0){var a=l,f,e=s.substring(0,e).replace(H,i);if(e==i||e.charAt(e.length-1)==o)e+="*";try{f=t(e)}catch(k){}if(f){e=0;for(c=f.length;e<c;e++){for(var d=f[e],h=d.className,j=0,m=a.length;j<m;j++){var g=a[j];if(!RegExp("(^|\\s)"+g.className+"(\\s|$)").test(d.className)&&g.b&&(g.b===!0||g.b(d)===!0))h=u(h,g.className,!0)}d.className=h}}l=[]}return b}else{if(b=c?I(c):!v||v.test(d)?{className:w(d),b:!0}:null)return l.push(b),"."+b.className;return a}})}return d+a.join(",")})}function I(a){var c=!0,d=w(a.slice(1)),b=a.substring(0,5)==":not(",e,f;b&&(a=a.slice(5,-1));var l=a.indexOf("(");l>-1&&(a=a.substring(0,l));if(a.charAt(0)==":")switch(a.slice(1)){case "root":c=function(a){return b?a!=p:a==p};break;case "target":if(m==8){c=function(a){function c(){var d=location.hash,e=d.slice(1);return b?d==i||a.id!=e:d!=i&&a.id==e}k(j,"hashchange",function(){g(a,d,c())});return c()};break}return!1;case "checked":c=function(a){J.test(a.type)&&k(a,"propertychange",function(){event.propertyName=="checked"&&g(a,d,a.checked!==b)});return a.checked!==b};break;case "disabled":b=!b;case "enabled":c=function(c){if(K.test(c.tagName))return k(c,"propertychange",function(){event.propertyName=="$disabled"&&g(c,d,c.a===b)}),q.push(c),c.a=c.disabled,c.disabled===b;return a==":enabled"?b:!b};break;case "focus":e="focus",f="blur";case "hover":e||(e="mouseenter",f="mouseleave");c=function(a){k(a,b?f:e,function(){g(a,d,!0)});k(a,b?e:f,function(){g(a,d,!1)});return b};break;default:if(!L.test(a))return!1}return{className:d,b:c}}function w(a){return M+"-"+(m==6&&N?O++:a.replace(P,function(a){return a.charCodeAt(0)}))}function D(a){return a.replace(x,h).replace(Q,o)}function g(a,c,d){var b=a.className,c=u(b,c,d);if(c!=b)a.className=c,a.parentNode.className+=i}function u(a,c,d){var b=RegExp("(^|\\s)"+c+"(\\s|$)"),e=b.test(a);return d?e?a:a+o+c:e?a.replace(b,h).replace(x,h):a}function k(a,c,d){a.attachEvent("on"+c,d)}function r(a,c){if(/^https?:\/\//i.test(a))return c.substring(0,c.indexOf("/",8))==a.substring(0,a.indexOf("/",8))?a:null;if(a.charAt(0)=="/")return c.substring(0,c.indexOf("/",8))+a;var d=c.split(/[?#]/)[0];a.charAt(0)!="?"&&d.charAt(d.length-1)!="/"&&(d=d.substring(0,d.lastIndexOf("/")+1));return d+a}function y(a){if(a)return n.open("GET",a,!1),n.send(),(n.status==200?n.responseText:i).replace(R,i).replace(S,function(c,d,b,e,f){return y(r(b||f,a))}).replace(T,function(c,d,b){d=d||i;return" url("+d+r(b,a)+d+") "});return i}function U(){var a,c;a=f.getElementsByTagName("BASE");for(var d=a.length>0?a[0].href:f.location.href,b=0;b<f.styleSheets.length;b++)if(c=f.styleSheets[b],c.href!=i&&(a=r(c.href,d)))c.cssText=A(y(a));q.length>0&&setInterval(function(){for(var a=0,c=q.length;a<c;a++){var b=q[a];if(b.disabled!==b.a)b.disabled?(b.disabled=!1,b.a=!0,b.disabled=!0):b.a=b.disabled}},250)}if(!/*@cc_on!@*/true){var f=document,p=f.documentElement,n=function(){if(j.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("Microsoft.XMLHTTP")}catch(a){return null}}(),m=/MSIE (\d+)/.exec(navigator.userAgent)[1];if(!(f.compatMode!="CSS1Compat"||m<6||m>8||!n)){var z={NW:"*.Dom.select",MooTools:"$$",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",Sizzle:"*",jQuery:"*",dojo:"*.query"},t,q=[],O=0,N=!0,M="slvzr",R=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g,S=/@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))[^;]*;/g,T=/\burl\(\s*(["']?)(?!data:)([^"')]+)\1\s*\)/g,L=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/,B=/:(:first-(?:line|letter))/g,C=/(^|})\s*([^\{]*?[\[:][^{]+)/g,G=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g,H=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g,P=/[^\w-]/g,K=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/,J=/^(checkbox|radio)$/,v=m>6?/[\$\^*]=(['"])\1/:null,E=/([(\[+~])\s+/g,F=/\s+([)\]+~])/g,Q=/\s+/g,x=/^\s*((?:[\S\s]*\S)?)\s*$/,i="",o=" ",h="$1";(function(a,c){function d(){try{p.doScroll("left")}catch(a){setTimeout(d,50);return}b("poll")}function b(d){if(!(d.type=="readystatechange"&&f.readyState!="complete")&&((d.type=="load"?a:f).detachEvent("on"+d.type,b,!1),!e&&(e=!0)))c.call(a,d.type||d)}var e=!1,g=!0;if(f.readyState=="complete")c.call(a,i);else{if(f.createEventObject&&p.doScroll){try{g=!a.frameElement}catch(h){}g&&d()}k(f,"readystatechange",b);k(a,"load",b)}})(j,function(){for(var a in z){var c,d,b=j;if(j[a]){for(c=z[a].replace("*",a).split(".");(d=c.shift())&&(b=b[d]););if(typeof b=="function"){t=b;U();break}}}})}}})(this);

data/templates/project/manifest.rb

@@ -3,39 +3,43 @@ description "Tools for desiging in the browser: The Coding Designer's Survival K
 stylesheet 'style.sass', :media => 'all'
 stylesheet 'selectivizr.sass', :media => 'all'
 stylesheet 'ie.sass', :media => 'all'
+stylesheet 'survivalkit/drupal7.sass', :media => 'all'
+stylesheet 'survivalkit/survivalkit.sass', :media => 'all'
 stylesheet 'partials/01-variables/_all.sass'
 stylesheet 'partials/01-variables/_base.sass'
 stylesheet 'partials/01-variables/_colors.sass'
 stylesheet 'partials/01-variables/_fonts.sass'
 stylesheet 'partials/01-variables/_grids-all.sass'
-stylesheet 'partials/02-extend/_all.sass'
-stylesheet 'partials/02-extend/_typography.sass'
-stylesheet 'partials/03-defaults/_all.sass'
-stylesheet 'partials/03-defaults/_common.sass'
-stylesheet 'partials/03-defaults/_font-face.sass'
-stylesheet 'partials/03-defaults/markup/_edits.sass'
-stylesheet 'partials/03-defaults/markup/_grouping.sass'
-stylesheet 'partials/03-defaults/markup/_headers.sass'
-stylesheet 'partials/03-defaults/markup/_images.sass'
-stylesheet 'partials/03-defaults/markup/_semantics.sass'
-stylesheet 'partials/03-defaults/markup/_tables.sass'
-stylesheet 'partials/03-defaults/markup/forms/_form-defaults.sass'
-stylesheet 'partials/03-defaults/markup/forms/_formalize.sass'
-stylesheet 'partials/04-grids/_grids-blueprint.sass'
-stylesheet 'partials/04-grids/_grids-susy.sass'
-stylesheet 'partials/05-ui-patterns/_common.sass'
-stylesheet 'partials/05-ui-patterns/drupal/_ui-patterns.sass'
-stylesheet 'partials/06-sprites/_sprites.sass'
-stylesheet 'partials/07-layout-design/_layout.sass'
-stylesheet 'partials/07-layout-design/_design.sass'
-stylesheet 'partials/08-styletile/_tile-design.sass'
-stylesheet 'partials/08-styletile/_tile-layout.sass'
-stylesheet 'partials/09-responsive/_responsive-blueprint.sass'
-stylesheet 'partials/09-responsive/_responsive-susy.sass'
-stylesheet 'partials/10-media/_print.sass'
-stylesheet 'partials/11-browser-adjustments/_ie.sass'
-stylesheet 'partials/11-browser-adjustments/_modernizr.sass'
-stylesheet 'partials/11-browser-adjustments/_selectivizr.sass'
+stylesheet 'partials/02-reset/_reset.sass'
+stylesheet 'partials/03-extend/_all.sass'
+stylesheet 'partials/03-extend/_typography.sass'
+stylesheet 'partials/04-defaults/_all.sass'
+stylesheet 'partials/04-defaults/_common.sass'
+stylesheet 'partials/04-defaults/_font-face.sass'
+stylesheet 'partials/04-defaults/markup/_edits.sass'
+stylesheet 'partials/04-defaults/markup/_grouping.sass'
+stylesheet 'partials/04-defaults/markup/_headers.sass'
+stylesheet 'partials/04-defaults/markup/_images.sass'
+stylesheet 'partials/04-defaults/markup/_semantics.sass'
+stylesheet 'partials/04-defaults/markup/_tables.sass'
+stylesheet 'partials/04-defaults/markup/forms/_form-defaults.sass'
+stylesheet 'partials/04-defaults/markup/forms/_formalize.sass'
+stylesheet 'partials/05-grids/_grids-blueprint.sass'
+stylesheet 'partials/05-grids/_grids-susy.sass'
+stylesheet 'partials/06-ui-patterns/_common.sass'
+stylesheet 'partials/06-ui-patterns/drupal/_ui-patterns.sass'
+stylesheet 'partials/07-sprites/_sprites.sass'
+stylesheet 'partials/08-layout-design/_layout.sass'
+stylesheet 'partials/08-layout-design/_design.sass'
+stylesheet 'partials/09-styletile/_tile-design.sass'
+stylesheet 'partials/09-styletile/_tile-layout.sass'
+stylesheet 'partials/10-responsive/_mixins.sass'
+stylesheet 'partials/10-responsive/_responsive-blueprint.sass'
+stylesheet 'partials/10-responsive/_responsive-susy.sass'
+stylesheet 'partials/11-media/_print.sass'
+stylesheet 'partials/12-browser-adjustments/_ie.sass'
+stylesheet 'partials/12-browser-adjustments/_modernizr.sass'
+stylesheet 'partials/12-browser-adjustments/_selectivizr.sass'
 # discover :stylesheets
 
 html 'files/html/index.html', :to => 'index.html'
@@ -44,6 +48,7 @@ html 'files/html/survivalkit/index.html', :to => 'survivalkit/index.html'
 html 'files/html/survivalkit/elements-common.html', :to => 'survivalkit/elements-common.html'
 html 'files/html/survivalkit/elements-html5.html', :to => 'survivalkit/elements-html5.html'
 html 'files/html/survivalkit/elements-ui-patterns-drupal.html', :to => 'survivalkit/elements-ui-patterns-drupal.html'
+html 'files/html/survivalkit/elements-ui-patterns-drupal-css.html', :to => 'survivalkit/elements-ui-patterns-drupal-css.html'
 html 'files/html/survivalkit/elements-ui-patterns.html', :to => 'survivalkit/elements-ui-patterns.html'
 html 'files/html/survivalkit/elements-typography.html', :to => 'survivalkit/elements-typography.html'
 html 'files/html/survivalkit/styletile/styletile.html', :to => 'survivalkit/styletile/styletile.html'
@@ -57,10 +62,58 @@ html 'files/crossdomain.xml', :to => 'crossdomain.xml'
 html 'files/robots.txt', :to => 'robots.txt'
 html 'files/humans.txt', :to => 'humans.txt'
 html 'files/apple-touch-icon.png', :to => 'apple-touch-icon.png'
+html 'files/apple-touch-icon-72x72-precomposed.png', :to => 'apple-touch-icon-72x72-precomposed.png'
+html 'files/apple-touch-icon-114x114-precomposed.png', :to => 'apple-touch-icon-114x114-precomposed.png'
 html 'files/favicon.ico', :to => 'favicon.ico'
 
 discover :javascripts
 
+image 'survival-kit-logo.png'
+image 'drupal/arrow-asc.png'
+image 'drupal/arrow-desc.png'
+image 'drupal/background.png'
+image 'drupal/close.png'
+image 'drupal/configure.png'
+image 'drupal/draggable.png'
+image 'drupal/druplicon.png'
+image 'drupal/feed.png'
+image 'drupal/forum-icons.png'
+image 'drupal/gear-select.png'
+image 'drupal/grippie.png'
+image 'drupal/help.png'
+image 'drupal/hook.png'
+image 'drupal/lock.png'
+image 'drupal/menu-collapsed-rtl.png'
+image 'drupal/menu-collapsed.png'
+image 'drupal/menu-expanded.png'
+image 'drupal/menu-leaf.png'
+image 'drupal/message-16-error.png'
+image 'drupal/message-16-help.png'
+image 'drupal/message-16-info.png'
+image 'drupal/message-16-ok.png'
+image 'drupal/message-16-warning.png'
+image 'drupal/message-24-error.png'
+image 'drupal/message-24-help.png'
+image 'drupal/message-24-info.png'
+image 'drupal/message-24-ok.png'
+image 'drupal/message-24-warning.png'
+image 'drupal/permissions.png'
+image 'drupal/powered-black-135x42.png'
+image 'drupal/powered-black-80x15.png'
+image 'drupal/powered-black-88x31.png'
+image 'drupal/powered-blue-135x42.png'
+image 'drupal/powered-blue-80x15.png'
+image 'drupal/powered-blue-88x31.png'
+image 'drupal/powered-gray-135x42.png'
+image 'drupal/powered-gray-80x15.png'
+image 'drupal/powered-gray-88x31.png'
+image 'drupal/progress.gif'
+image 'drupal/throbber.gif'
+image 'drupal/tree-bottom.png'
+image 'drupal/tree.png'
+image 'drupal/watchdog-error.png'
+image 'drupal/watchdog-ok.png'
+image 'drupal/watchdog-warning.png'
 
 help %Q{
 This is a Compass extension for The Coding Designer's Survival Kit by Mason Wendell

data/templates/project/partials/01-variables/_all.sass

@@ -1,6 +1,4 @@
 @import base
 @import colors
 @import fonts
-// Define the dimensions of the grid.
-// These values populate other supported grid systems
 @import grids-all

data/templates/project/partials/01-variables/_base.sass

@@ -2,7 +2,7 @@
 // value used in compass typography
 // see: basic/default/typography
 // and: http://compass-style.org/reference/compass/typography/vertical_rhythm/
-$base-font-size: 14px
+$base-font-size: 16px
 
 
 // --- Modular SCALE (used by _defaults.sass) -----------
@@ -22,6 +22,13 @@ $kit-gutter: ms(2)
 $kit-gutter-half: $kit-gutter * 0.5
 $kit-gutter-neg: $kit-gutter * -1
 
+// use the Compass baseline system
+$establish-baseline: true
+
+// pixel-normalize
+// http://www.alistapart.com/articles/a-pixel-identity-crisis/
+$pixel-normalize: true
+
 // pick a reset of normalization
 // accepted values: 'meyer', 'normalize'
 $init-type: normalize

data/templates/project/partials/01-variables/_colors.sass

@@ -1,9 +1,30 @@
 // DEFAULT COLORS
+$c-primary:   $badass
+$c-secondary: $black
+$c-tertiary:  $black
+$c-quadrary:  $black
 
 // COLOR SCHEMES
-// experimental math-generated color schemes
-// define a primary color to base these on
-$primary: $white
+// use color-schemer if it's loaded
+@if $color-schemer-loaded
+  // Color schemes to choose from
+      mono, complement, triad, tetrad, analogic, accented-analogic
+  // Pick the base color for your scheme:
+  $base-color: $c-primary
+  // Select your scheme from the list and place it here:
+  $color-scheme: accented-analogic
+  // How distant do you want the hue offset to be:
+  $hue-offset: 30
+  // How distant do you want tints and shades to be from their base:
+  $brightness-offset: 10%
+  // Use Claude Boutet complements instead of RGB complements.
+  // $color-theory: boutet
+  // Set saturation to 100% and lightness to 50% on all colors
+  // $equalize: true
+  $c-primary:   color-schemer(primary)
+  $c-secondary: color-schemer(secondary)
+  $c-tertiary:  color-schemer(tertiary)
+  $c-quadrary:  color-schemer(quadrary)
 
 // COLOR VARIABLES FOR STYLE TILES
 // enable and customize as needed
@@ -15,7 +36,8 @@ $color-tile1-5: $gray
 $color-tile1-6: $gray
 
 // Color variables expected by _defaults.sass ------------------
-$base-color: $black
-$alt-color: $hotpink
+$base-color: $c-primary
+$text-color: $black
+$alt-color: $badass
 $background-color: $white
 $border-color: $gray

data/templates/project/partials/01-variables/_grids-all.sass

@@ -1,4 +1,6 @@
 // Grid Variables --------------------------------------------------------------
+// Define the dimensions of the grid.
+// These values populate other supported grid systems
 $kit-total-cols: 6
 $kit-col-width: 140px
 $kit-gutter-width: $kit-gutter
@@ -6,5 +8,4 @@ $kit-side-gutter-width: 0px
 
 $kit-container-width: ($kit-col-width * $kit-total-cols) + ($kit-gutter-width * ($kit-total-cols - 1))
 
-
-
+$show-grid: false

data/{stylesheets/survivalkit/reset → templates/project/partials/02-reset}/_reset.sass

@@ -1,5 +1,6 @@
-@import meyer-reset
-@import normalize
+@import survivalkit/reset/meyer-reset
+@import survivalkit/reset/normalize
+@import survivalkit/reset/pixel-normalize
 
 $init-type: meyer !default
 
@@ -12,6 +13,9 @@ $init-type: meyer !default
       // reset the header sizes
       h1, h2, h3, h4, h5, h6
         font-size: 100%
+        margin-top: 0
+        margin-bottom: 0
+
 
 +init
 

data/templates/project/partials/04-defaults/_common.sass

@@ -0,0 +1,57 @@
+@if $init-type != normalize
+  html
+    font-size: 100%
+    overflow-y: scroll
+    -webkit-text-size-adjust: 100%
+    -ms-text-size-adjust: 100%
+    // -webkit-font-smoothing: antialiased
+
+////////////////////////////
+// DEFAULT BOX SIZING TO BORDER BOX
+// see: http://paulirish.com/2012/box-sizing-border-box-ftw/
+////////////////////////////
+*
+  +box-sizing("border-box")
+
+/* Body --------------------------------------------------------------
+
+/* Establish baseline rhythm
+ * from compass/typography/_vertical_rhythm
+@if $establish-baseline
+  +establish-baseline
+
+body
+  font-family: $font-body
+  color: $text-color
+  background: $background-color
+
+@if $pixel-normalize
+  +pixel-normalize
+
+/* Selected Text --------------------------------------------------------------
+/* -moz- must be declared separately
+
+\::-moz-selection
+  // "+accessible-color" located in 'kit_partials/mixins/_helpers.sass'
+  +accessible-color($alt-color)
+  background: $alt-color
+  text-shadow: none
+
+\::selection
+  // "+accessible-color" located in 'kit_partials/mixins/_helpers.sass'
+  +accessible-color($alt-color)
+  background: $alt-color
+  text-shadow: none
+
+
+/* Links --------------------------------------------------------------
+a
+  +link-colors($alt-color, complement($alt-color), complement($alt-color), $alt-color, false)
+  +better-links($alt-color, complement($alt-color), complement($alt-color), $alt-color, false)
+  // +link-transitions
+
+em
+  @extend .italic
+
+strong
+  @extend .bold

data/templates/project/partials/{03-defaults → 04-defaults}/markup/_edits.sass

@@ -1,6 +1,6 @@
 ins
   text-decoration: none
-  border-bottom: 1px solid $base-color
+  border-bottom: 1px solid $border-color
 
 del
   text-decoration: line-through

data/templates/project/partials/{03-defaults → 04-defaults}/markup/_grouping.sass

@@ -5,21 +5,22 @@ hr
 
 pre
   @extend .mono
-  margin: $base-rhythm-unit
+  // margin: $base-rhythm-unit
   white-space: pre
   white-space: pre-wrap
   word-wrap: break-word
+  line-height: 1
 
 blockquote
-  margin: $base-rhythm-unit $kit-gutter
-  font-style: italic
-  font-weight: 300
+  // margin: $base-rhythm-unit $kit-gutter
+  // font-style: italic
+  // font-weight: 300
 
 /* Lists --------------------------------------------------------------
 
 ol, ul
   // +trailer
-  padding-left: $kit-gutter
+  // padding-left: $kit-gutter
 
 dl
   margin-left: 0
@@ -33,14 +34,13 @@ ul
     list-style-type: circle
 
 dt
-  +leader
-  font-style: italic
-  color: $base-color
-  &:first-of-type
-    +leader(0)
+  // +leader
+  // font-style: italic
+  // &:first-of-type
+  //   +leader(0)
 
 dd
-  padding-left: $kit-gutter
+  // padding-left: $kit-gutter
 
 //
 figure

data/templates/project/partials/{03-defaults → 04-defaults}/markup/_images.sass

@@ -1,11 +1,12 @@
 /* Images --------------------------------------------------------------
 
 img
-  border: 0
+  @extend .constrain-to-parent
   vertical-align: text-bottom
-  max-width: 100%
   height: auto
-  -ms-interpolation-mode: bicubic
+  @if $init-type != normalize
+    border: 0
+    -ms-interpolation-mode: bicubic
   &.left
     float: left
     margin: $kit-baseline-half $kit-gutter $kit-baseline-half 0

data/templates/project/partials/{03-defaults → 04-defaults}/markup/_semantics.sass

@@ -1,15 +1,3 @@
-/* Links --------------------------------------------------------------
-a
-  +link-colors($alt-color, complement($alt-color), complement($alt-color), $alt-color, false)
-  +better-links($alt-color, complement($alt-color), complement($alt-color), $alt-color, false)
-  // +link-transitions
-
-em
-  @extend .italic
-
-strong
-  @extend .bold
-
 small
   +adjust-font-size-to(ms(-1))
 

data/templates/project/partials/{03-defaults → 04-defaults}/markup/_tables.sass

@@ -2,9 +2,9 @@
 /* tables still need 'cellspacing="0"' in the markup
 
 table
+  @extend .constrain-to-parent
   // +trailer
   // width: 100%
-  max-width: 100%
 
 table, td, th
   // vertical-align: top

data/templates/project/partials/{03-defaults → 04-defaults}/markup/forms/_form-defaults.sass

@@ -1,20 +1,20 @@
 /* Forms --------------------------------------------------------------
 
 // USE FORMALIZE TO EVEN FORMS ACROSS BROWSERS
-@import _formalize
+// @import _formalize
 
 // aditional form styles
 
 fieldset
   +trailer
   +rhythm-borders(1px)
-  border-color: $base-color
+  border-color: $border-color
   border-style: dotted
 
 legend
   padding: 0 0.25em
 
-label, input[type=button], input[type=submit], button
+label
   cursor: pointer
 
 label
@@ -22,21 +22,19 @@ label
   margin-right: 0.5em
 
 .textinput
-  @extend .sans
-  +adjust-font-size-to(ms(0), 1)
-  +rhythm-borders(1px, 0.25, ms(0))
+  @extend .constrain-to-parent
+  +adjust-font-size-to($base-font-size, 1)
+  +rhythm-borders(1px, 0.25, $base-font-size)
   border-width: 1px
   +trailer(0.5)
-  +box-sizing(border-box)
   width: ($kit-col-width * 2) + ($kit-gutter * 1)
-  max-width: 100%
   margin-top: 0
-  border-color: $base-color
-  height: $base-line-height / ms(0) * 1.5em
+  border-color: $border-color
+  height: $base-line-height / $base-font-size * 1.5em
 
 textarea
   @extend .textinput
-  height: $base-line-height / ms(0) * 6.5
+  height: $base-line-height / $base-font-size * 6.5
 
 input
   &[type=text], &[type=password], &[type=email], &[type=url], &[type=tel],
@@ -49,13 +47,7 @@ input
     &::-webkit-search-decoration
       display: none
 
-button, input[type=button], input[type=submit]
-  width: auto
-  overflow: visible
-  // +fancy-button($gray, ms(2))
-
 textarea
-  +box-sizing(border-box)
   width: ($kit-col-width * 2) + ($kit-gutter * 1)
 
 input
@@ -64,4 +56,4 @@ input
     margin-right: 0.25em
 
 textarea, input:not([type="radio"])
-  max-width: 100%
+  @extend .constrain-to-parent

data/templates/project/partials/{03-defaults → 04-defaults}/markup/forms/_formalize.sass

@@ -102,7 +102,6 @@ input[type="url"],
 input[type="week"]
   -webkit-appearance: none
   +border-radius(0)
-  +box-sizing(border-box)
   background-color: #fff
   border: 1px solid
   border-color: #848484 #c1c1c1 #e1e1e1

data/templates/project/partials/{04-grids → 05-grids}/_grids-susy.sass

@@ -25,7 +25,8 @@ $side-gutter-width: $kit-side-gutter-width
 .container
   +container
   // uncomment to show grid background
-  // +susy-grid-background
+  // @if $show-grid == true
+  //   +susy-grid-background
 
 // BUILD THE GRID BY CALLING SUSY MIXINS ON DOM ELEMENTS
 // example:

data/templates/project/partials/06-ui-patterns/_common.sass

@@ -0,0 +1,2 @@
+// see: elements-ui-patterns.html for markup
+

data/templates/project/partials/{05-ui-patterns → 06-ui-patterns}/drupal/_ui-patterns.sass

@@ -12,23 +12,22 @@
 // SEARCH FIELD
 
 // MESSAGES
-// uncomment to override or replace styles from _ui-patterns-common
-// .messages
-//   border: 1px solid $base-color
-//   padding: $kit-baseline-half 0.5em
-//   p:last-child
-//     margin-bottom: 0
-// .status, .warning, .error
-//   @extend .messages
-// .status
-//   border-color: $green
-//   color: $green
-// .warning
-//   border-color: $orange
-//   color: $orange
-// .error
-//   border-color: $red
-//   color: $red
+.messages
+  border: 1px solid $border-color
+  padding: $kit-baseline-half 0.5em
+  p:last-child
+    margin-bottom: 0
+.status, .warning, .error
+  @extend .messages
+.status
+  border-color: $green
+  color: $green
+.warning
+  border-color: $orange
+  color: $orange
+.error
+  border-color: $red
+  color: $red
 
 // BLOCK
 
@@ -45,11 +44,10 @@ ul.tabs
 // NEW PASSWORD FORM
 
 // PAGERS
-// uncomment to override or replace styles from _ui-patterns-common
-// ul.pager
-//   +horizontal-list(0.5em)
-//   a
-//     +remove-link-underlines
+ul.pager
+  +horizontal-list(0.5em)
+  a
+    +remove-link-underlines
 
 // RSS LINK
 a.feed-icon