html5-boilerplate 0.1.5 → 0.1.6

data/VERSION

@@ -1 +1 @@
-0.1.5
+0.1.6

data/stylesheets/html5-boilerplate/_helpers.scss

@@ -2,6 +2,9 @@
 // Non-semantic helper classes
 //
 
+@import "compass/utilities/text/replacement";
+@import "compass/utilities/general/clearfix";
+
 @mixin html5-boilerplate-helpers {
   .ir { @include image-replacement; }
 
@@ -9,12 +12,25 @@
 
   .visuallyhidden { @include visually-hidden; }
 
-  @include clearfix;
+  .clearfix { @include pie-clearfix; }
+}
+
+// Almost the same as compass replace-text
+// but adding direction: ltr
+@mixin image-replacement($img: none, $x: 50%, $y: 50%) {
+  @include hide-text;
+  direction: ltr;
+  background-repeat: no-repeat;
+  @if $img != none {
+    background-image: image-url($img);
+    background-position: $x $y;
+  }
 }
 
-// for image replacement
-@mixin image-replacement {
-  display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;
+@mixin sized-image-replacement($img, $x: 50%, $y: 50%) {
+  @include image-replacement($img, $x, $y);
+  width: image-width($img);
+  height: image-height($img);
 }
 
 // Hide for both screenreaders and browsers
@@ -37,9 +53,5 @@
 @mixin invisible { visibility: hidden; }
 
 // The Magnificent CLEARFIX
-// Make any element or classname a
-// clearfix by passing in a selector
-@mixin clearfix($selector: '.clearfix') {
-  #{$selector}:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-  #{$selector} { zoom: 1; }
-}
+// Now using pie-clearfix from Compass
+// since it's exactly the same

data/stylesheets/html5-boilerplate/_page.scss

@@ -10,14 +10,20 @@ $link-visited-color: #607890 !default;
 
 $selected-font-color: #fff !default;
 
-$selected-background-color: #FF5E99 !default;
+$selected-background-color: #ff5e99 !default;
 
-$selected-background-color: #FF5E99 !default;
+$selected-background-color: #ff5e99 !default;
 
 $valid-input-background-color: #ddf0dd !default;
 
 $invalid-input-background-color: #f0dddd !default;
 
+$invalid-input-shadow-color: red !default;
+
+
+@import "compass/css3/border-radius";
+@import "compass/css3/box-shadow";
+
 
 //
 // minimal base styles
@@ -29,7 +35,6 @@ $invalid-input-background-color: #f0dddd !default;
   h1, h2, h3, h4, h5, h6 { @include bold-font; }
 
   html {
-    @include font-smoothing;
     @include force-scrollbar;
   }
 
@@ -47,6 +52,13 @@ $invalid-input-background-color: #f0dddd !default;
   sub { vertical-align: sub; font-size: smaller; }
   sup { vertical-align: super; font-size: smaller; }
 
+  input:valid {
+    @include valid-input;
+  }
+  input:invalid {
+    @include invalid-input;
+  }
+
   @include accessible-focus;
 
   @include quoted-pre;
@@ -54,8 +66,6 @@ $invalid-input-background-color: #f0dddd !default;
   @include align-input-labels;
 
   @include hand-cursor-inputs;
-  
-  @include input-validation;
 
   @include selected-text;
 
@@ -108,9 +118,11 @@ $invalid-input-background-color: #f0dddd !default;
 }
 
 // colors for form validity
-@mixin input-validation {
-  input:invalid { background-color: $invalid-input-background-color; }
-  input:valid   { background-color: $valid-input-background-color; }
+@mixin valid-input {
+}
+@mixin invalid-input {
+  @include border-radius(1px);
+  @include box-shadow($invalid-input-shadow-color, 0, 0, 5px, 0);
 }
 
 // These selection declarations have to be separate.

data/templates/project/_head.html.haml

@@ -16,7 +16,7 @@
   -# Mobile viewport optimized: j.mp/bplateviewport
   %meta{:content => "width=device-width; initial-scale=1.0", :name => "viewport"}/
   
-  -# Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references
+  -# Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references
   -# %link{:href => "/favicon.ico", :rel => "shortcut icon"}/
   -# %link{:href => "/apple-touch-icon.png", :rel => "apple-touch-icon"}/
   

data/templates/project/_javascripts.html.haml

@@ -31,6 +31,6 @@
      var g = d.createElement(t),
          s = d.getElementsByTagName(t)[0];
      g.async = true;
-     g.src = '//www.google-analytics.com/ga.js';
+     g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      s.parentNode.insertBefore(g, s);
     })(document, 'script');

data/templates/project/application.html.haml

@@ -1,4 +1,4 @@
-!!!
+!!! 5
 %html.no-js{:lang => "en"}
   = render :partial => 'layouts/head'
 

data/templates/project/files/404.html

@@ -5,6 +5,9 @@
 body { text-align: center;}
 h1 { font-size: 50px; }
 body { font: 20px Constantia, 'Hoefler Text',  "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
+::-moz-selection{ background:#FF5E99; color:#fff; }
+::selection { background:#FF5E99; color:#fff; } 
+details { display:block; }
 a { color: rgb(36, 109, 56); text-decoration:none; }
 a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
 span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }

data/templates/project/files/htaccess

@@ -1,8 +1,9 @@
 # Apache configuration file
 # httpd.apache.org/docs/2.2/mod/quickreference.html
 
-# Techniques in here adapted from all over, 
-#   including Kroc Camen: camendesign.com/.htaccess
+# Techniques in here adapted from all over, including:
+#   Kroc Camen: camendesign.com/.htaccess
+#   perishablepress.com/press/2006/01/10/stupid-htaccess-tricks/
 
 
 # Force the latest IE version, in various cases when it may fall back to IE7 mode
@@ -43,13 +44,14 @@ AddType video/webm webm
 
 # Proper svg serving. Required for svg webfonts on iPad
 #   twitter.com/FontSquirrel/status/14855840545
-AddType image/svg+xml                 svg svgz 
+AddType     image/svg+xml             svg svgz 
+AddEncoding gzip                      svgz
 
 # webfonts
 AddType application/vnd.ms-fontobject eot
 AddType font/ttf                      ttf
 AddType font/otf                      otf
-AddType font/x-woff                   woff
+AddType font/woff                     woff
 
 AddType text/cache-manifest           manifest
 AddType text/x-component              htc
@@ -68,7 +70,7 @@ AddType text/x-component              htc
 # Disabled by default.
 
 # <FilesMatch "\.combined\.(js|css)$">
-#         Options +IncludesNOEXEC
+#         Options +Includes
 #         SetOutputFilter INCLUDES
 # </FilesMatch>
 
@@ -90,7 +92,6 @@ AddType text/x-component              htc
 
 
 
-
 # these are pretty far-future expires headers
 # they assume you control versioning with cachebusting query params like
 #   <script src="application.js?20100608">
@@ -126,18 +127,21 @@ AddType text/x-component              htc
   ExpiresByType image/vnd.microsoft.icon  "access plus 1 week" 
 
 # media: images, video, audio
+  ExpiresByType image/gif                 "access plus 1 month"
   ExpiresByType image/png                 "access plus 1 month"
   ExpiresByType image/jpg                 "access plus 1 month"
   ExpiresByType image/jpeg                "access plus 1 month"
   ExpiresByType video/ogg                 "access plus 1 month"
   ExpiresByType audio/ogg                 "access plus 1 month"
   ExpiresByType video/mp4                 "access plus 1 month"
+  ExpiresByType video/webm                "access plus 1 month"
   
 # webfonts
   ExpiresByType font/ttf                  "access plus 1 month"
   ExpiresByType font/woff                 "access plus 1 month"
   ExpiresByType image/svg+xml             "access plus 1 month"
-  
+  ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
+    
 # css and javascript
   ExpiresByType text/css                  "access plus 1 month"
   ExpiresByType application/javascript    "access plus 1 month"
@@ -167,10 +171,12 @@ FileETag None
 
 # you probably want www.example.com to forward to example.com -- shorter URLs are sexier.
 #   no-www.org/faq.php?q=class_b
-RewriteEngine On
-RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
-RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
-
+<IfModule mod_rewrite.c>
+  RewriteEngine On
+  RewriteCond %{HTTPS} !=on
+  RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
+  RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
+</IfModule>
 
 # without -MultiViews, Apache will give a 404 for a rewrite if a folder of the same name does not exist (e.g. “/blog/hello”)
 #   webmasterworld.com/apache/3808792.htm
@@ -192,3 +198,8 @@ AddCharset utf-8 .html .css .js .xml .json .rss
 
 
 
+# We don't need to tell everyone we're apache.
+ServerSignature Off
+
+
+

data/templates/project/index.html.haml

@@ -1,4 +1,4 @@
-!!!
+!!! 5
 %html.no-js{:lang => "en"}
   %head
     %meta{:charset => "utf-8"}/
@@ -14,17 +14,12 @@
     %meta{:content => "", :name => "description"}/
     %meta{:content => "", :name => "author"}/
     
-    -#
-      Mobile Viewport Fix
-      j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
-      device-width : Occupy full width of the screen in its current orientation
-      initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
-      maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
-    %meta{:content => "width=device-width; initial-scale=1.0; maximum-scale=1.0;", :name => "viewport"}/
+    -# Mobile viewport optimized: j.mp/bplateviewport
+    %meta{:content => "width=device-width; initial-scale=1.0", :name => "viewport"}/
     
     -# Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references
-    %link{:href => "/favicon.ico", :rel => "shortcut icon"}/
-    %link{:href => "/apple-touch-icon.png", :rel => "apple-touch-icon"}/
+    -# %link{:href => "/favicon.ico", :rel => "shortcut icon"}/
+    -# %link{:href => "/apple-touch-icon.png", :rel => "apple-touch-icon"}/
     
     -# CSS : implied media="all"
     %link{:href => "css/style.css?v=1", :media => "all", :rel => "stylesheet"}/
@@ -73,7 +68,7 @@
        var g = d.createElement(t),
            s = d.getElementsByTagName(t)[0];
        g.async = true;
-       g.src = '//www.google-analytics.com/ga.js';
+       g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g, s);
       })(document, 'script');
-  
+

data/templates/project/javascripts/dd_belatedpng.js

@@ -10,319 +10,4 @@
 * DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
 * DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
 **/
-
-/*
-PLEASE READ:
-Absolutely everything in this script is SILLY.  I know this.  IE's rendering of certain pixels doesn't make sense, so neither does this code!
-*/
-
-var DD_belatedPNG = {
-	ns: 'DD_belatedPNG',
-	imgSize: {},
-	delay: 10,
-	nodesFixed: 0,
-	createVmlNameSpace: function () { /* enable VML */
-		if (document.namespaces && !document.namespaces[this.ns]) {
-			document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml');
-		}
-	},
-	createVmlStyleSheet: function () { /* style VML, enable behaviors */
-		/*
-			Just in case lots of other developers have added
-			lots of other stylesheets using document.createStyleSheet
-			and hit the 31-limit mark, let's not use that method!
-			further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx
-		*/
-		var screenStyleSheet, printStyleSheet;
-		screenStyleSheet = document.createElement('style');
-		screenStyleSheet.setAttribute('media', 'screen');
-		document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild);
-		if (screenStyleSheet.styleSheet) {
-			screenStyleSheet = screenStyleSheet.styleSheet;
-			screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}');
-			screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;');
-			screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */
-			this.screenStyleSheet = screenStyleSheet;
-			
-			/* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */
-			/* Thanks to Rémi Prévost for automating this! */
-			printStyleSheet = document.createElement('style');
-			printStyleSheet.setAttribute('media', 'print');
-			document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild);
-			printStyleSheet = printStyleSheet.styleSheet;
-			printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}');
-			printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}');
-		}
-	},
-	readPropertyChange: function () {
-		var el, display, v;
-		el = event.srcElement;
-		if (!el.vmlInitiated) {
-			return;
-		}
-		if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) {
-			DD_belatedPNG.applyVML(el);
-		}
-		if (event.propertyName == 'style.display') {
-			display = (el.currentStyle.display == 'none') ? 'none' : 'block';
-			for (v in el.vml) {
-				if (el.vml.hasOwnProperty(v)) {
-					el.vml[v].shape.style.display = display;
-				}
-			}
-		}
-		if (event.propertyName.search('filter') != -1) {
-			DD_belatedPNG.vmlOpacity(el);
-		}
-	},
-	vmlOpacity: function (el) {
-		if (el.currentStyle.filter.search('lpha') != -1) {
-			var trans = el.currentStyle.filter;
-			trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100;
-			el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */
-			el.vml.image.fill.opacity = trans; /* complete guesswork */
-		}
-	},
-	handlePseudoHover: function (el) {
-		setTimeout(function () { /* wouldn't work as intended without setTimeout */
-			DD_belatedPNG.applyVML(el);
-		}, 1);
-	},
-	/**
-	* This is the method to use in a document.
-	* @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container'
-	**/
-	fix: function (selector) {
-		if (this.screenStyleSheet) {
-			var selectors, i;
-			selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */
-			for (i=0; i<selectors.length; i++) {
-				this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
-			}
-		}
-	},
-	applyVML: function (el) {
-		el.runtimeStyle.cssText = '';
-		this.vmlFill(el);
-		this.vmlOffsets(el);
-		this.vmlOpacity(el);
-		if (el.isImg) {
-			this.copyImageBorders(el);
-		}
-	},
-	attachHandlers: function (el) {
-		var self, handlers, handler, moreForAs, a, h;
-		self = this;
-		handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
-		if (el.nodeName == 'A') {
-			moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
-			for (a in moreForAs) {			
-				if (moreForAs.hasOwnProperty(a)) {
-					handlers[a] = moreForAs[a];
-				}
-			}
-		}
-		for (h in handlers) {
-			if (handlers.hasOwnProperty(h)) {
-				handler = function () {
-					self[handlers[h]](el);
-				};
-				el.attachEvent('on' + h, handler);
-			}
-		}
-		el.attachEvent('onpropertychange', this.readPropertyChange);
-	},
-	giveLayout: function (el) {
-		el.style.zoom = 1;
-		if (el.currentStyle.position == 'static') {
-			el.style.position = 'relative';
-		}
-	},
-	copyImageBorders: function (el) {
-		var styles, s;
-		styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
-		for (s in styles) {
-			if (styles.hasOwnProperty(s)) {
-				el.vml.color.shape.style[s] = el.currentStyle[s];
-			}
-		}
-	},
-	vmlFill: function (el) {
-		if (!el.currentStyle) {
-			return;
-		} else {
-			var elStyle, noImg, lib, v, img, imgLoaded;
-			elStyle = el.currentStyle;
-		}
-		for (v in el.vml) {
-			if (el.vml.hasOwnProperty(v)) {
-				el.vml[v].shape.style.zIndex = elStyle.zIndex;
-			}
-		}
-		el.runtimeStyle.backgroundColor = '';
-		el.runtimeStyle.backgroundImage = '';
-		noImg = true;
-		if (elStyle.backgroundImage != 'none' || el.isImg) {
-			if (!el.isImg) {
-				el.vmlBg = elStyle.backgroundImage;
-				el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
-			}
-			else {
-				el.vmlBg = el.src;
-			}
-			lib = this;
-			if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
-				img = document.createElement('img');
-				lib.imgSize[el.vmlBg] = img;
-				img.className = lib.ns + '_sizeFinder';
-				img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
-				imgLoaded = function () {
-					this.width = this.offsetWidth; /* weird cache-busting requirement! */
-					this.height = this.offsetHeight;
-					lib.vmlOffsets(el);
-				};
-				img.attachEvent('onload', imgLoaded);
-				img.src = el.vmlBg;
-				img.removeAttribute('width');
-				img.removeAttribute('height');
-				document.body.insertBefore(img, document.body.firstChild);
-			}
-			el.vml.image.fill.src = el.vmlBg;
-			noImg = false;
-		}
-		el.vml.image.fill.on = !noImg;
-		el.vml.image.fill.color = 'none';
-		el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor;
-		el.runtimeStyle.backgroundImage = 'none';
-		el.runtimeStyle.backgroundColor = 'transparent';
-	},
-	/* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
-	vmlOffsets: function (el) {
-		var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v;
-		thisStyle = el.currentStyle;
-		size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
-		fudge = (size.L + size.bLW == 1) ? 1 : 0;
-		/* vml shape, left, top, width, height, origin */
-		makeVisible = function (vml, l, t, w, h, o) {
-			vml.coordsize = w+','+h;
-			vml.coordorigin = o+','+o;
-			vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
-			vml.style.width = w + 'px';
-			vml.style.height = h + 'px';
-			vml.style.left = l + 'px';
-			vml.style.top = t + 'px';
-		};
-		makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
-		makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 );
-		bg = {'X':0, 'Y':0};
-		if (el.isImg) {
-			bg.X = parseInt(thisStyle.paddingLeft, 10) + 1;
-			bg.Y = parseInt(thisStyle.paddingTop, 10) + 1;
-		}
-		else {
-			for (b in bg) {
-				if (bg.hasOwnProperty(b)) {
-					this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]);
-				}
-			}
-		}
-		el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
-		bgR = thisStyle.backgroundRepeat;
-		dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
-		altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
-		if (bgR != 'repeat' || el.isImg) {
-			c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
-			if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
-				v = bgR.split('repeat-')[1].toUpperCase();
-				c[altC[v].b1] = 1;
-				c[altC[v].b2] = size[altC[v].d];
-			}
-			if (c.B > size.H) {
-				c.B = size.H;
-			}
-			el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)';
-		}
-		else {
-			el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)';
-		}
-	},
-	figurePercentage: function (bg, size, axis, position) {
-		var horizontal, fraction;
-		fraction = true;
-		horizontal = (axis == 'X');
-		switch(position) {
-			case 'left':
-			case 'top':
-				bg[axis] = 0;
-				break;
-			case 'center':
-				bg[axis] = 0.5;
-				break;
-			case 'right':
-			case 'bottom':
-				bg[axis] = 1;
-				break;
-			default:
-				if (position.search('%') != -1) {
-					bg[axis] = parseInt(position, 10) / 100;
-				}
-				else {
-					fraction = false;
-				}
-		}
-		bg[axis] = Math.ceil(  fraction ? ( (size[horizontal?'W': 'H'] * bg[axis]) - (size[horizontal?'w': 'h'] * bg[axis]) ) : parseInt(position, 10)  );
-		if (bg[axis] % 2 === 0) {
-			bg[axis]++;
-		}
-		return bg[axis];
-	},
-	fixPng: function (el) {
-		el.style.behavior = 'none';
-		var lib, els, nodeStr, v, e;
-		if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */
-			return;
-		}
-		el.isImg = false;
-		if (el.nodeName == 'IMG') {
-			if(el.src.toLowerCase().search(/\.png$/) != -1) {
-				el.isImg = true;
-				el.style.visibility = 'hidden';
-			}
-			else {
-				return;
-			}
-		}
-		else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) {
-			return;
-		}
-		lib = DD_belatedPNG;
-		el.vml = {color: {}, image: {}};
-		els = {shape: {}, fill: {}};
-		for (v in el.vml) {
-			if (el.vml.hasOwnProperty(v)) {
-				for (e in els) {
-					if (els.hasOwnProperty(e)) {
-						nodeStr = lib.ns + ':' + e;
-						el.vml[v][e] = document.createElement(nodeStr);
-					}
-				}
-				el.vml[v].shape.stroked = false;
-				el.vml[v].shape.appendChild(el.vml[v].fill);
-				el.parentNode.insertBefore(el.vml[v].shape, el);
-			}
-		}
-		el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */
-		el.vml.image.fill.type = 'tile'; /* Makes image show up. */
-		el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */
-		lib.attachHandlers(el);
-		lib.giveLayout(el);
-		lib.giveLayout(el.offsetParent);
-		el.vmlInitiated = true;
-		lib.applyVML(el); /* Render! */
-	}
-};
-try {
-	document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */
-} catch(r) {}
-DD_belatedPNG.createVmlNameSpace();
-DD_belatedPNG.createVmlStyleSheet();
+var DD_belatedPNG={ns:"DD_belatedPNG",imgSize:{},delay:10,nodesFixed:0,createVmlNameSpace:function(){if(document.namespaces&&!document.namespaces[this.ns]){document.namespaces.add(this.ns,"urn:schemas-microsoft-com:vml")}},createVmlStyleSheet:function(){var b,a;b=document.createElement("style");b.setAttribute("media","screen");document.documentElement.firstChild.insertBefore(b,document.documentElement.firstChild.firstChild);if(b.styleSheet){b=b.styleSheet;b.addRule(this.ns+"\\:*","{behavior:url(#default#VML)}");b.addRule(this.ns+"\\:shape","position:absolute;");b.addRule("img."+this.ns+"_sizeFinder","behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;");this.screenStyleSheet=b;a=document.createElement("style");a.setAttribute("media","print");document.documentElement.firstChild.insertBefore(a,document.documentElement.firstChild.firstChild);a=a.styleSheet;a.addRule(this.ns+"\\:*","{display: none !important;}");a.addRule("img."+this.ns+"_sizeFinder","{display: none !important;}")}},readPropertyChange:function(){var b,c,a;b=event.srcElement;if(!b.vmlInitiated){return}if(event.propertyName.search("background")!=-1||event.propertyName.search("border")!=-1){DD_belatedPNG.applyVML(b)}if(event.propertyName=="style.display"){c=(b.currentStyle.display=="none")?"none":"block";for(a in b.vml){if(b.vml.hasOwnProperty(a)){b.vml[a].shape.style.display=c}}}if(event.propertyName.search("filter")!=-1){DD_belatedPNG.vmlOpacity(b)}},vmlOpacity:function(b){if(b.currentStyle.filter.search("lpha")!=-1){var a=b.currentStyle.filter;a=parseInt(a.substring(a.lastIndexOf("=")+1,a.lastIndexOf(")")),10)/100;b.vml.color.shape.style.filter=b.currentStyle.filter;b.vml.image.fill.opacity=a}},handlePseudoHover:function(a){setTimeout(function(){DD_belatedPNG.applyVML(a)},1)},fix:function(a){if(this.screenStyleSheet){var c,b;c=a.split(",");for(b=0;b<c.length;b++){this.screenStyleSheet.addRule(c[b],"behavior:expression(DD_belatedPNG.fixPng(this))")}}},applyVML:function(a){a.runtimeStyle.cssText="";this.vmlFill(a);this.vmlOffsets(a);this.vmlOpacity(a);if(a.isImg){this.copyImageBorders(a)}},attachHandlers:function(i){var d,c,g,e,b,f;d=this;c={resize:"vmlOffsets",move:"vmlOffsets"};if(i.nodeName=="A"){e={mouseleave:"handlePseudoHover",mouseenter:"handlePseudoHover",focus:"handlePseudoHover",blur:"handlePseudoHover"};for(b in e){if(e.hasOwnProperty(b)){c[b]=e[b]}}}for(f in c){if(c.hasOwnProperty(f)){g=function(){d[c[f]](i)};i.attachEvent("on"+f,g)}}i.attachEvent("onpropertychange",this.readPropertyChange)},giveLayout:function(a){a.style.zoom=1;if(a.currentStyle.position=="static"){a.style.position="relative"}},copyImageBorders:function(b){var c,a;c={borderStyle:true,borderWidth:true,borderColor:true};for(a in c){if(c.hasOwnProperty(a)){b.vml.color.shape.style[a]=b.currentStyle[a]}}},vmlFill:function(e){if(!e.currentStyle){return}else{var d,f,g,b,a,c;d=e.currentStyle}for(b in e.vml){if(e.vml.hasOwnProperty(b)){e.vml[b].shape.style.zIndex=d.zIndex}}e.runtimeStyle.backgroundColor="";e.runtimeStyle.backgroundImage="";f=true;if(d.backgroundImage!="none"||e.isImg){if(!e.isImg){e.vmlBg=d.backgroundImage;e.vmlBg=e.vmlBg.substr(5,e.vmlBg.lastIndexOf('")')-5)}else{e.vmlBg=e.src}g=this;if(!g.imgSize[e.vmlBg]){a=document.createElement("img");g.imgSize[e.vmlBg]=a;a.className=g.ns+"_sizeFinder";a.runtimeStyle.cssText="behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;";c=function(){this.width=this.offsetWidth;this.height=this.offsetHeight;g.vmlOffsets(e)};a.attachEvent("onload",c);a.src=e.vmlBg;a.removeAttribute("width");a.removeAttribute("height");document.body.insertBefore(a,document.body.firstChild)}e.vml.image.fill.src=e.vmlBg;f=false}e.vml.image.fill.on=!f;e.vml.image.fill.color="none";e.vml.color.shape.style.backgroundColor=d.backgroundColor;e.runtimeStyle.backgroundImage="none";e.runtimeStyle.backgroundColor="transparent"},vmlOffsets:function(d){var h,n,a,e,g,m,f,l,j,i,k;h=d.currentStyle;n={W:d.clientWidth+1,H:d.clientHeight+1,w:this.imgSize[d.vmlBg].width,h:this.imgSize[d.vmlBg].height,L:d.offsetLeft,T:d.offsetTop,bLW:d.clientLeft,bTW:d.clientTop};a=(n.L+n.bLW==1)?1:0;e=function(b,p,q,c,s,u){b.coordsize=c+","+s;b.coordorigin=u+","+u;b.path="m0,0l"+c+",0l"+c+","+s+"l0,"+s+" xe";b.style.width=c+"px";b.style.height=s+"px";b.style.left=p+"px";b.style.top=q+"px"};e(d.vml.color.shape,(n.L+(d.isImg?0:n.bLW)),(n.T+(d.isImg?0:n.bTW)),(n.W-1),(n.H-1),0);e(d.vml.image.shape,(n.L+n.bLW),(n.T+n.bTW),(n.W),(n.H),1);g={X:0,Y:0};if(d.isImg){g.X=parseInt(h.paddingLeft,10)+1;g.Y=parseInt(h.paddingTop,10)+1}else{for(j in g){if(g.hasOwnProperty(j)){this.figurePercentage(g,n,j,h["backgroundPosition"+j])}}}d.vml.image.fill.position=(g.X/n.W)+","+(g.Y/n.H);m=h.backgroundRepeat;f={T:1,R:n.W+a,B:n.H,L:1+a};l={X:{b1:"L",b2:"R",d:"W"},Y:{b1:"T",b2:"B",d:"H"}};if(m!="repeat"||d.isImg){i={T:(g.Y),R:(g.X+n.w),B:(g.Y+n.h),L:(g.X)};if(m.search("repeat-")!=-1){k=m.split("repeat-")[1].toUpperCase();i[l[k].b1]=1;i[l[k].b2]=n[l[k].d]}if(i.B>n.H){i.B=n.H}d.vml.image.shape.style.clip="rect("+i.T+"px "+(i.R+a)+"px "+i.B+"px "+(i.L+a)+"px)"}else{d.vml.image.shape.style.clip="rect("+f.T+"px "+f.R+"px "+f.B+"px "+f.L+"px)"}},figurePercentage:function(d,c,f,a){var b,e;e=true;b=(f=="X");switch(a){case"left":case"top":d[f]=0;break;case"center":d[f]=0.5;break;case"right":case"bottom":d[f]=1;break;default:if(a.search("%")!=-1){d[f]=parseInt(a,10)/100}else{e=false}}d[f]=Math.ceil(e?((c[b?"W":"H"]*d[f])-(c[b?"w":"h"]*d[f])):parseInt(a,10));if(d[f]%2===0){d[f]++}return d[f]},fixPng:function(c){c.style.behavior="none";var g,b,f,a,d;if(c.nodeName=="BODY"||c.nodeName=="TD"||c.nodeName=="TR"){return}c.isImg=false;if(c.nodeName=="IMG"){if(c.src.toLowerCase().search(/\.png$/)!=-1){c.isImg=true;c.style.visibility="hidden"}else{return}}else{if(c.currentStyle.backgroundImage.toLowerCase().search(".png")==-1){return}}g=DD_belatedPNG;c.vml={color:{},image:{}};b={shape:{},fill:{}};for(a in c.vml){if(c.vml.hasOwnProperty(a)){for(d in b){if(b.hasOwnProperty(d)){f=g.ns+":"+d;c.vml[a][d]=document.createElement(f)}}c.vml[a].shape.stroked=false;c.vml[a].shape.appendChild(c.vml[a].fill);c.parentNode.insertBefore(c.vml[a].shape,c)}}c.vml.image.shape.fillcolor="none";c.vml.image.fill.type="tile";c.vml.color.fill.on=false;g.attachHandlers(c);g.giveLayout(c);g.giveLayout(c.offsetParent);c.vmlInitiated=true;g.applyVML(c)}};try{document.execCommand("BackgroundImageCache",false,true)}catch(r){}DD_belatedPNG.createVmlNameSpace();DD_belatedPNG.createVmlStyleSheet();

data/templates/project/partials/_base.scss

@@ -16,4 +16,6 @@ $selected-background-color: #FF5E99;
 
 $valid-input-background-color: #ddf0dd;
 
-$invalid-input-background-color: #f0dddd;
+$invalid-input-background-color: #f0dddd;
+
+$invalid-input-shadow-color: red;

data/templates/project/partials/_html5_boilerplate.scss

@@ -18,7 +18,6 @@ body, select, input, textarea { color: $font-color; }
 h1, h2, h3, h4, h5, h6 { @include bold-font; }
 
 html {
-  @include font-smoothing;
   @include force-scrollbar;
 }
 
@@ -36,6 +35,13 @@ td, td img { vertical-align: top; }
 sub { vertical-align: sub; font-size: smaller; }
 sup { vertical-align: super; font-size: smaller; }
 
+input:valid {
+  @include valid-input;
+}
+input:invalid {
+  @include invalid-input;
+}
+
 @include accessible-focus;
 
 @include quoted-pre;
@@ -44,8 +50,6 @@ sup { vertical-align: super; font-size: smaller; }
 
 @include hand-cursor-inputs;
 
-@include input-validation;
-
 @include selected-text;
 
 @include webkit-tap-highlight;
@@ -62,9 +66,9 @@ sup { vertical-align: super; font-size: smaller; }
 
 .visuallyhidden { @include visually-hidden; }
 
-// Make any element or classname behave as
-// clearfix by passing in a selector
-@include clearfix('.clearfix');
+.clearfix {
+  @include pie-clearfix; // Already defined by compass
+}
 
 
 //--------------------------------

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 1
-  - 5
-  version: 0.1.5
+  - 6
+  version: 0.1.6
 platform: ruby
 authors: 
 - Peter Gumeson
@@ -14,7 +14,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-08-24 00:00:00 -07:00
+date: 2010-08-27 00:00:00 -07:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency