stitch 0.1.1 → 0.1.2

data/lib/stitch/version.rb

@@ -1,3 +1,3 @@
 module Stitch
-  VERSION = "0.1.1"
+  VERSION = "0.1.2"
 end

data/stylesheets/stitch/_reset.scss

@@ -1,26 +1,23 @@
-/*
- * 1. Keeps page centred in all browsers regardless of content height
- * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
- *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
- */
+// 1. Keeps page centred in all browsers regardless of content height
+// 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
+//    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 html {
-    overflow-y: scroll; /* 1 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-    -ms-text-size-adjust: 100%; /* 2 */
-	text-size-adjust: 100%; /* 2 */
+    overflow-y: scroll; // 1
+    -webkit-text-size-adjust: 100%; // 2
+    -ms-text-size-adjust: 100%; // 2
+	text-size-adjust: 100%; // 2
 }
 
-/*
- * 1. Clear default browser margin
- * 2. Default line-height inconsistent across browsers
- */
+
+// 1. Clear default browser margin
+// 2. Default line-height inconsistent across browsers
 body {
-	margin:0; /* 1 */
-	line-height:1; /* 2 */
+	margin:0; // 1
+	line-height:1; // 2
 }
 
-/* Forms
- ------------------------------------------------ */
+// Forms
+// ------------------------------------------------
 
 form {
 	margin:0;
@@ -32,109 +29,97 @@ fieldset {
 	border:0;
 }
 
-/*
- * 1. Corrects font size not being inherited in all browsers
- * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
- * 3. Improves appearance and consistency in all browsers
- */
+
+// 1. Corrects font size not being inherited in all browsers
+// 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome
+// 3. Improves appearance and consistency in all browsers
 button,
 input,
 select,
 textarea {
-    font-size: 100%; /* 1 */
-	font-family:inherit; /* 1 */
-    margin: 0; /* 2 */
-	padding:0; /* 2 */
-    vertical-align: baseline; /* 3 */
-    *vertical-align: middle; /* 3 */
-}
-
-/*
- * 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
- * 2. Corrects inner spacing displayed oddly in IE6/7
- */
+    font-size: 100%; // 1
+	font-family:inherit; // 1
+    margin: 0; // 2
+	padding:0; // 2
+    vertical-align: baseline; // 3
+	*vertical-align: middle; // 3
+}
+
+// 1. Addresses FF3/4 setting line-height using !important in the UA stylesheet
+// 2. Corrects inner spacing displayed oddly in IE6/7
 button,
 input {
-    line-height: normal; /* 1 */
-    *overflow: visible;  /* 2 */
+	line-height: normal; // 1
+	overflow: visible;  // 2
 }
 
-/*
- * 1. Removes default vertical scrollbar in IE6/7/8/9
- * 2. Improves readability and alignment in all browsers
- */
+
+// 1. Removes default vertical scrollbar in IE6/7/8/9
+// 2. Improves readability and alignment in all browsers
 textarea {
   overflow:auto; 
   vertical-align:top;
   padding:0;
 }
 
-/*
- * 1. Addresses appearance set to searchfield in S5, Chrome
- * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
- */
+
+// 1. Addresses appearance set to searchfield in S5, Chrome
+// 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
 input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
+    -webkit-appearance: textfield; // 1
     -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
+    -webkit-box-sizing: content-box; // 2
     box-sizing: content-box;
 }
 
-/*
- * Corrects inner padding displayed oddly in S5, Chrome on OSX
- */
+
+// Corrects inner padding displayed oddly in S5, Chrome on OSX
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
-/* 
- * Remove the webkit glow 
- */
+ 
+// Remove the webkit glow 
 :focus {
   outline:none; 
 }
 
-/*
- * 1. Addresses box sizing set to content-box in IE8/9
- * 2. Addresses excess padding in IE8/9
- */
+
+// 1. Addresses box sizing set to content-box in IE8/9
+// 2. Addresses excess padding in IE8/9
 input[type="checkbox"],
 input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
+    box-sizing: border-box; // 1
+    padding: 0; // 2
 }
 
-/*
- * Corrects inner padding and border displayed oddly in FF3/4
- * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
- */
+
+// Corrects inner padding and border displayed oddly in FF3/4
+// www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
 
-/* Images
- ------------------------------------------------ */
+// Images
+// ------------------------------------------------
 
-/*
- * Chrome gives figures margin
- */
+// Chrome gives figures margin
 figure {
 	margin:0;
 }
 
-/* 
- * 1. Nicer image sizing in IE 
- * 2. Common default
- */
+ 
+// 1. Nicer image sizing in IE 
+// 2. Common default
 img {
-	-ms-interpolation-mode: bicubic; /* 1 */
-	display:block; /* 2 */
+	-ms-interpolation-mode: bicubic; // 1
+	display:block; // 2
 }
 
-/* Lists
- ------------------------------------------------ */
+// Lists
+// ------------------------------------------------
 
 ol,
 ul {
@@ -147,12 +132,11 @@ dd {
 	margin:0;
 }
 
-/* 
- * Reset list items back to normal block display.
- * This allows us to use lists for semantic markup
- * without needing to set this each time.
- * Lists only look like lists in blocks of copy.
- */
+ 
+// Reset list items back to normal block display.
+// This allows us to use lists for semantic markup
+// without needing to set this each time.
+// Lists only look like lists in blocks of copy.
 li {
 	display: block;
 	padding: 0;
@@ -160,12 +144,11 @@ li {
 	list-style: none;
 }
 
-/* Headings
- ------------------------------------------------ */
+// Headings
+// ------------------------------------------------
+
 
-/*
- * Resets all headings to look like normal text
- */
+// Resets all headings to look like normal text
 h1, 
 h2, 
 h3, 
@@ -178,8 +161,8 @@ h6 {
 	margin:0;
 }
 
-/* Block Text
- ------------------------------------------------ */
+// Block Text
+// ------------------------------------------------
 
 p {
 	margin:0;
@@ -189,9 +172,8 @@ blockquote {
 	margin:0;
 }
 
-/* 
- * Improve the appearance of preformatted text
- */
+ 
+// Improve the appearance of preformatted text
 pre {
     white-space: pre;
     white-space: pre-wrap;
@@ -201,8 +183,8 @@ pre {
 	font-size:inherit;
 }
 
-/* Inline Text
- ------------------------------------------------ */
+// Inline Text
+// ------------------------------------------------
 
 cite {
 	font-style:normal;
@@ -268,9 +250,8 @@ a:active {
     outline: none; 
 }
 
-/* 
- * Set sub, sup without affecting line-height: gist.github.com/413930 
- */
+ 
+// Set sub, sup without affecting line-height: gist.github.com/413930 
 sub,sup {
   font-size: 75%;
   line-height: 0;
@@ -285,8 +266,8 @@ sub {
   bottom: -0.25em; 
 }
 
-/* HTML 5 Block Elements
- ------------------------------------------------ */
+// HTML 5 Block Elements
+// ------------------------------------------------
 
 article, 
 aside, 
@@ -302,8 +283,8 @@ section {
 	display:block;
 }
 
-/* Tables
- ------------------------------------------------ */
+// Tables
+// ------------------------------------------------
 
 table {
   border-collapse: collapse;

data/stylesheets/stitch/_utilities.scss

@@ -1,5 +1,5 @@
-/* Prefix properties and values 
----------------------------------------- */
+// Prefix properties and values 
+// ----------------------------------------
 
 $default-prefixes: -webkit, -moz, -o, -khtml, -ms;
 
@@ -27,10 +27,8 @@ $default-prefixes: -webkit, -moz, -o, -khtml, -ms;
 	}
 }
 
-/**
- * Allows you to import a file only once
- * @param $name string File to import
-*/
+// Allows you to import a file only once
+// @param $name string File to import
 $imported-once-files: ();
 @function import-once($name) {
     @if index($imported-once-files, $name) {

data/stylesheets/stitch/patterns/_css3.scss

@@ -1,5 +1,5 @@
-/* Appearance
----------------------------------------- */
+// Appearance
+// ----------------------------------------
 
 $default-prefixes-appearance: -webkit, -moz;
 
@@ -8,15 +8,15 @@ $default-prefixes-appearance: -webkit, -moz;
 	appearance:$v;
 }
 
-/* Background Clip
----------------------------------------- */
+// Background Clip
+// ----------------------------------------
 
 $default-prefixes-background-clip: -webkit, -moz;
 
 @mixin background-clip($v, $prefixes: $default-prefixes-background-clip) {
 	$v: unquote($v);
 	
-	/* This is for older browser support */
+	// This is for older browser support
 	@if $v === padding-box {
 		@include prefix(background-clip,padding,$default-prefixes-background-origin);
 	}
@@ -33,15 +33,15 @@ $default-prefixes-background-clip: -webkit, -moz;
 	background-clip:$v;
 }
 
-/* Background Origin
----------------------------------------- */
+// Background Origin
+// ----------------------------------------
 
 $default-prefixes-background-origin: -webkit, -moz;
 
 @mixin background-origin($v, $prefixes: $default-prefixes-background-origin) {
 	$v: unquote($v);
 	
-	/* This is for older browser support */
+	// This is for older browser support
 	@if $v === padding-box {
 		@include prefix(background-origin,padding,$default-prefixes-background-origin);
 	}
@@ -54,13 +54,13 @@ $default-prefixes-background-origin: -webkit, -moz;
 		@include prefix(background-origin,content,$default-prefixes-background-origin);
 	}
 	
-	/* Standard version */
+	// Standard version
 	@include prefix(background-origin,$v,$prefixes);
 	background-origin:$v;
 }
 
-/* Background Size
----------------------------------------- */
+// Background Size
+// ----------------------------------------
 
 $default-prefixes-background-size: -webkit, -moz, -o; 
 
@@ -69,8 +69,8 @@ $default-prefixes-background-size: -webkit, -moz, -o;
 	background-size:$v;
 }
 
-/* Border Radius
----------------------------------------- */
+// Border Radius
+// ----------------------------------------
 
 $default-prefixes-border-radius: -webkit, -moz; 
 
@@ -79,8 +79,8 @@ $default-prefixes-border-radius: -webkit, -moz;
 	border-radius:$r;
 }
 
-/* Box Shadow
----------------------------------------- */
+// Box Shadow
+// ----------------------------------------
 
 $default-prefixes-box-shadow: -webkit, -moz; 
 
@@ -89,8 +89,8 @@ $default-prefixes-box-shadow: -webkit, -moz;
 	box-shadow:$v;
 }
 
-/* Flexible Box
----------------------------------------- */
+// Flexible Box
+// ----------------------------------------
 
 $default-prefixes-box: -webkit, -moz;
 
@@ -138,8 +138,8 @@ $default-prefixes-box: -webkit, -moz;
 	box-pack:$v;
 }
 
-/* Box Sizing
----------------------------------------- */
+// Box Sizing
+// ----------------------------------------
 
 $default-prefixes-box-sizing: -webkit, -moz;
 
@@ -148,8 +148,8 @@ $default-prefixes-box-sizing: -webkit, -moz;
 	box-sizing:$v;
 }
 
-/* Columns
----------------------------------------- */
+// Columns
+// ----------------------------------------
 
 $default-prefixes-columns: -webkit, -moz;
 
@@ -188,8 +188,8 @@ $default-prefixes-columns: -webkit, -moz;
 	column-rule:$v;
 }
 
-/* Transforms
----------------------------------------- */
+// Transforms
+// ----------------------------------------
 
 $default-prefixes-transform: -webkit, -moz;
 
@@ -223,12 +223,9 @@ $default-prefixes-transform: -webkit, -moz;
 	backface-visibility:$v;
 }
 
-/* Transitions
----------------------------------------- */
-
-/*
-  @see http://www.w3.org/TR/css3-transitions/
-*/
+// Transitions
+// ----------------------------------------
+// @see http://www.w3.org/TR/css3-transitions/
 
 $default-prefixes-transition: -webkit, -moz;
 
@@ -257,8 +254,8 @@ $default-prefixes-transition: -webkit, -moz;
 	transition:$v;
 }
 
-/* Animation
----------------------------------------- */
+// Animation
+// ----------------------------------------
 
 $default-prefixes-animation: -webkit, -moz;
 

data/stylesheets/stitch/patterns/accessibility/_hide-content.scss

@@ -1,20 +1,20 @@
-/* Hide for both screenreaders and browsers
-   css-discuss.incutio.com/wiki/Screenreader_Visibility */
+// Hide for both screenreaders and browsers
+//   css-discuss.incutio.com/wiki/Screenreader_Visibility
 @mixin hide-from-all {
 	display:none;
 	visibility:hidden;
 } 
 
-/* Hide only visually, but have it available for screenreaders 
-   www.webaim.org/techniques/css/invisiblecontent/ 
-   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
+// Hide only visually, but have it available for screenreaders 
+//   www.webaim.org/techniques/css/invisiblecontent/ 
+//   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal!
 @mixin screenreaders-only {
 	position: absolute !important;    
   	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
   	clip: rect(1px, 1px, 1px, 1px);
 }
 
-/* Hide visually and from screenreaders, but maintain layout */
+// Hide visually and from screenreaders, but maintain layout
 @mixin invisible {
 	visibility: hidden;
 }

data/stylesheets/stitch/patterns/animation/_hardware-acceleration.scss

@@ -1,6 +1,4 @@
-/*
-  Forces the browser to render animation on the element with hardware acceleration
-*/
+// Forces the browser to render animation on the element with hardware acceleration
 @mixin enable-hardware-acceleration {
   -webkit-transform:translate3d(0,0,0);
 }

data/stylesheets/stitch/patterns/animation/_timing-functions.scss

@@ -1,60 +1,105 @@
-/*
- * https://gist.github.com/960128
- */
+// https://gist.github.com/960128
 
 @function linear() {
-  @return cubic-bezier(0.250, 0.250, 0.750, 0.750); }
+  @return cubic-bezier(0.250, 0.250, 0.750, 0.750); 
+}
 
 @function ease() {
-  @return cubic-bezier(0.250, 0.100, 0.250, 1.000); }
+  @return cubic-bezier(0.250, 0.100, 0.250, 1.000); 
+}
 
 @function ease-in() {
-  @return cubic-bezier(0.420, 0.000, 1.000, 1.000); }
+  @return cubic-bezier(0.420, 0.000, 1.000, 1.000); 
+}
+
 @function ease-in-quad() {
-  @return cubic-bezier(0.550, 0.085, 0.680, 0.530); }
+  @return cubic-bezier(0.550, 0.085, 0.680, 0.530); 
+}
+
 @function ease-in-cubic() {
-  @return cubic-bezier(0.550, 0.055, 0.675, 0.190); }
+  @return cubic-bezier(0.550, 0.055, 0.675, 0.190); 
+}
+
 @function ease-in-quart() {
-  @return cubic-bezier(0.895, 0.030, 0.685, 0.220); }
+  @return cubic-bezier(0.895, 0.030, 0.685, 0.220); 
+}
+
 @function ease-in-quint() {
-  @return cubic-bezier(0.755, 0.050, 0.855, 0.060); }
+  @return cubic-bezier(0.755, 0.050, 0.855, 0.060); 
+}
+
 @function ease-in-sine() {
-  @return cubic-bezier(0.470, 0.000, 0.745, 0.715); }
+  @return cubic-bezier(0.470, 0.000, 0.745, 0.715); 
+}
+
 @function ease-in-expo() {
-  @return cubic-bezier(0.950, 0.050, 0.795, 0.035); }
+  @return cubic-bezier(0.950, 0.050, 0.795, 0.035); 
+}
+
 @function ease-in-circ() {
-  @return cubic-bezier(0.600, 0.040, 0.980, 0.335); }
+  @return cubic-bezier(0.600, 0.040, 0.980, 0.335); 
+}
 
 @function ease-out() {
-  @return cubic-bezier(0.000, 0.000, 0.580, 1.000); }
+  @return cubic-bezier(0.000, 0.000, 0.580, 1.000); 
+}
+
 @function ease-out-quad() {
-  @return cubic-bezier(0.250, 0.460, 0.450, 0.940); }
+  @return cubic-bezier(0.250, 0.460, 0.450, 0.940); 
+}
+
 @function ease-out-cubic() {
-  @return cubic-bezier(0.215, 0.610, 0.355, 1.000); }
+  @return cubic-bezier(0.215, 0.610, 0.355, 1.000); 
+}
+
 @function ease-out-quart() {
-  @return cubic-bezier(0.165, 0.840, 0.440, 1.000); }
+  @return cubic-bezier(0.165, 0.840, 0.440, 1.000); 
+}
+
 @function ease-out-quint() {
-  @return cubic-bezier(0.230, 1.000, 0.320, 1.000); }
+  @return cubic-bezier(0.230, 1.000, 0.320, 1.000); 
+}
+
 @function ease-out-sine() {
-  @return cubic-bezier(0.390, 0.575, 0.565, 1.000); }
+  @return cubic-bezier(0.390, 0.575, 0.565, 1.000); 
+}
+
 @function ease-out-expo() {
-  @return cubic-bezier(0.190, 1.000, 0.220, 1.000); }
+  @return cubic-bezier(0.190, 1.000, 0.220, 1.000); 
+}
+
 @function ease-out-circ() {
-  @return cubic-bezier(0.075, 0.820, 0.165, 1.000); }
+  @return cubic-bezier(0.075, 0.820, 0.165, 1.000); 
+}
 
 @function ease-in-out() {
-  @return cubic-bezier(0.420, 0.000, 0.580, 1.000); }
+  @return cubic-bezier(0.420, 0.000, 0.580, 1.000); 
+}
+
 @function ease-in-out-quad() {
-  @return cubic-bezier(0.455, 0.030, 0.515, 0.955); }
+  @return cubic-bezier(0.455, 0.030, 0.515, 0.955); 
+}
+
 @function ease-in-out-cubic() {
-  @return cubic-bezier(0.645, 0.045, 0.355, 1.000); }
+  @return cubic-bezier(0.645, 0.045, 0.355, 1.000); 
+}
+
 @function ease-in-out-quart() {
-  @return cubic-bezier(0.770, 0.000, 0.175, 1.000); }
+  @return cubic-bezier(0.770, 0.000, 0.175, 1.000); 
+}
+
 @function ease-in-out-quint() {
-  @return cubic-bezier(0.860, 0.000, 0.070, 1.000); }
+  @return cubic-bezier(0.860, 0.000, 0.070, 1.000); 
+}
+
 @function ease-in-out-sine() {
-  @return cubic-bezier(0.445, 0.050, 0.550, 0.950); }
+  @return cubic-bezier(0.445, 0.050, 0.550, 0.950); 
+}
+
 @function ease-in-out-expo() {
-  @return cubic-bezier(1.000, 0.000, 0.000, 1.000); }
+  @return cubic-bezier(1.000, 0.000, 0.000, 1.000); 
+}
+
 @function ease-in-out-circ() {
-  @return cubic-bezier(0.785, 0.135, 0.150, 0.860); }
+  @return cubic-bezier(0.785, 0.135, 0.150, 0.860); 
+}

data/stylesheets/stitch/patterns/forms/_search-fields.scss

@@ -1,6 +1,4 @@
-/* 
-   Make webkit render the search input like a normal text field 
-*/
+// Make webkit render the search input like a normal text field 
 @mixin reset-search-field {
 	-webkit-appearance:textfield;
 	&::-webkit-search-decoration {

data/stylesheets/stitch/patterns/images/_image-rendering.scss

@@ -1,26 +1,26 @@
-/*
-  Sharpen an image if it has become blurry due to upscaling or downscaling
-  @see https://developer.mozilla.org/en/CSS/image-rendering
-*/
+//
+//  Sharpen an image if it has become blurry due to upscaling or downscaling
+//  @see https://developer.mozilla.org/en/CSS/image-rendering
+//
 @mixin sharpen-image {
 	image-rendering:-moz-crisp-edges;
 	-ms-interpolation-mode:nearest-neighbor;  /* IE 7+ */
 }
 
-/*
-  When photos are upscaled or downscaled, they often get blurry. Don't use
-  this on flat color images, they will still appear blurry.
-  @see https://developer.mozilla.org/en/CSS/image-rendering
-*/
+//
+//  When photos are upscaled or downscaled, they often get blurry. Don't use
+//  this on flat color images, they will still appear blurry.
+//  @see https://developer.mozilla.org/en/CSS/image-rendering
+//
 @mixin high-quality-image {
 	image-rendering:optimizeQuality;
 	-ms-interpolation-mode:bicubic;  /* IE 7+ */
 }
 
-/*
-  Optimizes the rendering on images so they
-  appear faster, but at a lower quality. Useful for <video>
-*/
+//
+//  Optimizes the rendering on images so they
+//  appear faster, but at a lower quality. Useful for <video>
+//
 @mixin low-quality-image {
 	image-rendering:optimizeSpeed;
 }

data/stylesheets/stitch/patterns/images/_image-replace.scss

@@ -1,6 +1,6 @@
-/*
-  Removes any text from an element and replaces it with an image
-*/
+//
+//  Removes any text from an element and replaces it with an image
+//
 .__image-replace {
 	display             : block;
 	text-indent         : -9999em;

data/stylesheets/stitch/patterns/layout/_clear-floats.scss

@@ -1,9 +1,9 @@
-/* Allows a parent element to enclose the full height of the children
- * elements when all of the children are floated.
- * Normally the parent will have no height. 
- * @see http://nicolasgallagher.com/micro-clearfix-hack/
- */
-
+//
+// Allows a parent element to enclose the full height of the children
+// elements when all of the children are floated.
+// Normally the parent will have no height. 
+// @see http://nicolasgallagher.com/micro-clearfix-hack/
+//
 .__clearfix {
 	&::before,
 	&::after {

data/stylesheets/stitch/patterns/layout/_columns.scss

@@ -1,7 +1,7 @@
-/*
-  Shorthand for CSS columns
-  @include text-columns(3,20px);
-*/
+//
+//  Shorthand for CSS columns
+//  @include text-columns(3,20px);
+//
 @mixin text-columns($count:2,$gap:20px,$width:auto,$rule:none) {
 	@include column-count($count);
 	@include column-gap($count);

data/stylesheets/stitch/patterns/layout/_media.scss

@@ -1,15 +1,15 @@
-/*
-  For blocks of content with media beside them.
-  Adding overflow hidden changes the way the content interacts with the float
-*/
+//
+//  For blocks of content with media beside them.
+//  Adding overflow hidden changes the way the content interacts with the float
+//
 
-/*
-	Apply it to the wrapper div
-	<div>
-		<img class="content-image" />
-		<div class="content"></div>
-	</div>
-*/
+//
+//	Apply it to the wrapper div
+//	<div>
+//		<img class="content-image" />
+//		<div class="content"></div>
+//	</div>
+//
 
 @mixin media-block($position: left, $spacing:0, $media: '.media', $block: '.block') {
  	#{unquote($media)} {

data/stylesheets/stitch/patterns/legacy/_has-layout.scss

@@ -1,6 +1,6 @@
-/*
-  Triggers hasLayout for IE7 and below. Fixes most IE issues
-*/
+//
+//  Triggers hasLayout for IE7 and below. Fixes most IE issues
+//
 @mixin has-layout {
 	zoom:1;
 }

data/stylesheets/stitch/patterns/legacy/_inline-block.scss

@@ -1,11 +1,11 @@
-/*
-  Cross-browser inline-block.
-  @see http://www.quirksmode.org/css/display.html
-*/
+//
+//  Cross-browser inline-block.
+//  @see http://www.quirksmode.org/css/display.html
+//
 .__inline-block {
 	display:inline-block;
 
-	/* IE7 fix */
+	// IE7 fix
 	*display:inline;
 	*zoom:1;
 }

data/stylesheets/stitch/patterns/mobile/_fixed-text.scss

@@ -1,6 +1,6 @@
-/*
-  Prevents the resizing of text. Useful for mobile web apps
-*/
+//
+//  Prevents the resizing of text. Useful for mobile web apps
+//
 @mixin fixed-sized-text {
 	-webkit-text-size-adjust:none;
 	-ms-text-size-adjust:none;

data/stylesheets/stitch/patterns/print/_append-content.scss

@@ -1,7 +1,6 @@
-/*
-  Adds URLs and abbreviations to the end of links in printed documents
-*/
-
+//
+//  Adds URLs and abbreviations to the end of links in printed documents
+//
 @mixin append-content {
 	a:after {
 		content:" (" attr(href) ")";

data/stylesheets/stitch/patterns/print/_text.scss

@@ -1,7 +1,6 @@
-/*
-  Sets up some sensible text defaults for printed pages
-*/
-
+//
+//  Sets up some sensible text defaults for printed pages
+//
 @mixin printable-text {
 	background:transparent !important; 
 	color:#444 !important; 

data/stylesheets/stitch/patterns/text/_font-stacks.scss

@@ -1,7 +1,6 @@
-/*
-  These provide basic font stacks with fallbacks. You can add your own fonts to the stack
-*/
-
+//
+//  These provide basic font stacks with fallbacks. You can add your own fonts to the stack
+//
 @mixin sans-serif($prepend:false) {
 	$list: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-family: join($prepend,$list,comma);

data/stylesheets/stitch/patterns/text/_hyphens.scss

@@ -1,7 +1,7 @@
-/*
-  Initial Value: manual
-  Values: none, manual, auto
-*/
+//
+//  Initial Value: manual
+//  Values: none, manual, auto
+//
 @mixin hyphens($value:auto) {
 	@include prefix('hyphens',$value,-moz -webkit);
 }

data/stylesheets/stitch/patterns/text/_text-rendering.scss

@@ -1,8 +1,8 @@
-/*
-  Nicer text rendering in webkit and gecko
-  @see http://www.aestheticallyloyal.com/public/optimize-legibility/
-  @see http://files.christophzillgens.com/webkit-font-smoothing.html
-*/
+//
+//  Nicer text rendering in webkit and gecko
+//  @see http://www.aestheticallyloyal.com/public/optimize-legibility/
+//  @see http://files.christophzillgens.com/webkit-font-smoothing.html
+//
 @mixin improve-text-rendering {
 	text-rendering:optimizeLegibility;
 	-webkit-font-smoothing:subpixel-antialiased;

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: stitch
 version: !ruby/object:Gem::Version 
-  hash: 25
+  hash: 31
   prerelease: 
   segments: 
   - 0
   - 1
-  - 1
-  version: 0.1.1
+  - 2
+  version: 0.1.2
 platform: ruby
 authors: 
 - Anthony Short
@@ -15,7 +15,8 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-08-21 00:00:00 Z
+date: 2011-08-24 00:00:00 +10:00
+default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: compass
@@ -86,6 +87,7 @@ files:
 - stylesheets/stitch/patterns/text/_justify.scss
 - stylesheets/stitch/patterns/text/_rem.scss
 - stylesheets/stitch/patterns/text/_text-rendering.scss
+has_rdoc: true
 homepage: https://github.com/anthonyshort/stitch-css
 licenses: []
 
@@ -115,7 +117,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: stitch
-rubygems_version: 1.8.8
+rubygems_version: 1.6.2
 signing_key: 
 specification_version: 3
 summary: A CSS pattern framework for Compass