stitch 0.0.3 → 0.1.0

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

@@ -1,5 +1,5 @@
-@mixin center-horizontal($width, $margin-top:0, $margin-bottom:0) {
-	margin:$margin-top auto $margin-bottom auto;
+@mixin center-horizontally($width) {
+	margin-left: auto;
+	margin-right: auto;
 	width:$width;
-	float:none;
 }

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

@@ -4,24 +4,18 @@
  * @see http://nicolasgallagher.com/micro-clearfix-hack/
  */
 
-@mixin clear-floats($legacy:false) {
-	// IE6/7 support
-	@if $legacy == true {
-		&::before,
-		&::after {
-			content:"";
-			display:block;
-		}
-		&::after {
-			clear:both;
-		}
-		zoom:1;
+.__clearfix {
+	&::before,
+	&::after {
+	    content:"";
+	    display:table;
 	}
-	@if $legacy == false {
-		&::after {
-			content:"";
-			display:block;
-			clear:both;
-		}
+	&::after {
+	    clear:both;
 	}
+	zoom:1;
+}
+
+@mixin clear-floats {
+	@extend .__clearfix;
 }

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

@@ -0,0 +1,10 @@
+/*
+  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);
+	@include column-width($width);
+	@include column-rule($rule);
+}

data/stylesheets/stitch/patterns/layout/_force-scrollbars.scss

@@ -1,3 +1,3 @@
 @mixin force-scrollbars {
-	height:101%;
+	overflow-y:scroll;
 }

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

@@ -11,13 +11,14 @@
 	</div>
 */
 
-@mixin content-with-media($position: left, $spacing:20px, $image: '.content-image', $content: '.content') {
- 	#{unquote($image)} {
+@mixin media-block($position: left, $spacing:0, $media: '.media', $block: '.block') {
+ 	#{unquote($media)} {
 		float:$position;
-		margin-#{opposite-position($position)}:$spacing;
+		@if $spacing > 0 {
+			margin-#{opposite-position($position)}:$spacing;
+		}
 	}
-	#{unquote($content)} {
+	#{unquote($block)} {
 		overflow:hidden;
-		float:none;
 	}
 }

data/stylesheets/stitch/patterns/layout/_simple-gradient.scss

@@ -0,0 +1,11 @@
+@mixin vertical-gradient($from,$to) {
+	@include background(
+		$to no-repeat linear-gradient(top,$from,$to)
+	);
+}
+
+@mixin horizontal-gradient($from,$to) {
+	@include background(
+		$to no-repeat linear-gradient(left,$from,$to)
+	);
+}

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

@@ -1,15 +1,15 @@
 /*
   Cross-browser inline-block.
+  @see http://www.quirksmode.org/css/display.html
 */
+.__inline-block {
+	display:inline-block;
+
+	/* IE7 fix */
+	*display:inline;
+	*zoom:1;
+}
+
 @mixin inline-block {
-	& {
-		*display : inline;
-	}
-	display         : -moz-inline-box;
-	-moz-box-orient : vertical;
-	display         : inline-block;
-	vertical-align  : middle;
-	& {
-		*vertical-align : auto; 
-	}
+	@extend .__inline-block;
 }

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

@@ -0,0 +1,15 @@
+/*
+  These provide basic font stacks with fallbacks. You can add your own fonts to the stack
+*/
+
+@mixin sans-serif($prepend:false) {
+	font-family: join($prepend,"Helvetica Neue", Helvetica, Arial, sans-serif);
+}
+
+@mixin serif($prepend:false) {
+	font-family: join($prepend,"Georgia", Times New Roman, Times, sans-serif);
+}
+
+@mixin monospace($prepend:false) {
+	font-family: join($prepend,"Monaco", Courier New, monospace);
+}

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

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

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

@@ -0,0 +1,4 @@
+@mixin justify-text {
+	@include hyphens(auto);
+	text-align:justify;
+}

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

@@ -0,0 +1,3 @@
+@function relative-size($size,$context,$unit:em) {
+	@return #{$size/$context}$unit;
+}

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: stitch
 version: !ruby/object:Gem::Version 
-  hash: 25
+  hash: 27
   prerelease: 
   segments: 
   - 0
+  - 1
   - 0
-  - 3
-  version: 0.0.3
+  version: 0.1.0
 platform: ruby
 authors: 
 - Anthony Short
@@ -15,9 +15,22 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-04-29 00:00:00 Z
-dependencies: []
-
+date: 2011-08-21 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 3
+        segments: 
+        - 0
+        version: "0"
+  type: :runtime
+  version_requirements: *id001
 description: A framework for Compass that provides mixins for common CSS patterns to minimize the amount of CSS writing we have to do and gives our stylesheets more meaning.
 email: 
 - antshort@gmail.com
@@ -30,15 +43,18 @@ extra_rdoc_files: []
 files: 
 - .gitignore
 - Gemfile
+- Gemfile.lock
 - README.md
 - Rakefile
 - lib/stitch.rb
 - lib/stitch/version.rb
 - stitch.gemspec
-- stylesheets/stitch/_helpers.scss
 - stylesheets/stitch/_patterns.scss
-- stylesheets/stitch/helpers/_css3.scss
+- stylesheets/stitch/_reset.scss
+- stylesheets/stitch/_utilities.scss
 - stylesheets/stitch/patterns/_accessibility.scss
+- stylesheets/stitch/patterns/_animation.scss
+- stylesheets/stitch/patterns/_css3.scss
 - stylesheets/stitch/patterns/_forms.scss
 - stylesheets/stitch/patterns/_images.scss
 - stylesheets/stitch/patterns/_layout.scss
@@ -47,35 +63,28 @@ files:
 - stylesheets/stitch/patterns/_print.scss
 - stylesheets/stitch/patterns/_text.scss
 - stylesheets/stitch/patterns/accessibility/_hide-content.scss
+- stylesheets/stitch/patterns/animation/_hardware-acceleration.scss
+- stylesheets/stitch/patterns/animation/_timing-functions.scss
 - stylesheets/stitch/patterns/forms/_search-fields.scss
 - stylesheets/stitch/patterns/images/_image-rendering.scss
 - stylesheets/stitch/patterns/images/_image-replace.scss
 - stylesheets/stitch/patterns/layout/_center.scss
 - stylesheets/stitch/patterns/layout/_clear-floats.scss
+- stylesheets/stitch/patterns/layout/_columns.scss
 - stylesheets/stitch/patterns/layout/_force-scrollbars.scss
 - stylesheets/stitch/patterns/layout/_media.scss
+- stylesheets/stitch/patterns/layout/_simple-gradient.scss
 - stylesheets/stitch/patterns/legacy/_has-layout.scss
 - stylesheets/stitch/patterns/legacy/_inline-block.scss
 - stylesheets/stitch/patterns/mobile/_fixed-text.scss
 - stylesheets/stitch/patterns/print/_append-content.scss
 - stylesheets/stitch/patterns/print/_text.scss
+- stylesheets/stitch/patterns/text/.sass-cache/920421d458a84b7a73054dd233bdbe8adead02f9/_rem.scssc
+- stylesheets/stitch/patterns/text/_font-stacks.scss
+- stylesheets/stitch/patterns/text/_hyphens.scss
+- stylesheets/stitch/patterns/text/_justify.scss
+- stylesheets/stitch/patterns/text/_rem.scss
 - stylesheets/stitch/patterns/text/_text-rendering.scss
-- stylesheets/stitch/reset/_desktop.scss
-- templates/project/layouts/desktop/_copy.scss
-- templates/project/layouts/desktop/_forms.scss
-- templates/project/layouts/desktop/_functions.scss
-- templates/project/layouts/desktop/_global.scss
-- templates/project/layouts/desktop/_layout.scss
-- templates/project/layouts/desktop/_modules.scss
-- templates/project/layouts/desktop/master.scss
-- templates/project/layouts/mobile/_global.scss
-- templates/project/layouts/mobile/master.scss
-- templates/project/layouts/print/_global.scss
-- templates/project/layouts/print/_layout.scss
-- templates/project/layouts/print/master.scss
-- templates/project/legacy.scss
-- templates/project/manifest.rb
-- templates/project/master.scss
 homepage: https://github.com/anthonyshort/stitch-css
 licenses: []
 
@@ -105,7 +114,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: stitch
-rubygems_version: 1.7.2
+rubygems_version: 1.8.8
 signing_key: 
 specification_version: 3
 summary: A CSS pattern framework for Compass

data/stylesheets/stitch/_helpers.scss

@@ -1 +0,0 @@
-@import 'helpers/css';

data/stylesheets/stitch/reset/_desktop.scss

@@ -1,243 +0,0 @@
-/* Block Elements
----------------------------------------- */
-/*
-  Reset all COMMON block elements.
-  If you're using uncommon or invalid elements you will need to reset them yourself
-*/
-address, 
-article, 
-aside, 
-audio,
-blockquote, 
-body,
-button,
-dd, 
-details,
-div, 
-dl,
-dt,
-fieldset, 
-figcaption, 
-figure, 
-footer, 
-form, 
-h1, 
-h2, 
-h3, 
-h4, 
-h5, 
-h6, 
-header, 
-hgroup, 
-hr,
-input,
-label,
-legend,
-li,
-nav, 
-ol, 
-p, 
-pre, 
-section,
-select,
-table,
-textarea,
-th,
-td,
-ul,
-video
-{
-	margin     : 0;
-	padding    : 0;
-	border     : 0;
-	background : none;
-}
-
-/* Forms
----------------------------------------- */
-input,
-label,
-select,
-button,
-textarea {
-	display        : inline-block;
-	vertical-align : middle;
-	white-space    : normal;
-}
-
-/* Hand cursor on clickable input elements */
-label,
-input[type=button],
-input[type=submit],
-button {
-  cursor: pointer; 
-}
-
-/* 
-	Form elements have different box-sizing models by default.
-	This will fix form styling woes across webkit, gecko and trident
-*/
-input,
-textarea {
-	-webkit-box-sizing : content-box;
-	-moz-box-sizing    : content-box;
-	box-sizing         : content-box;
-}
-
-button,
-input[type=reset],
-input[type=button],
-input[type=submit],
-input[type=checkbox],
-input[type=radio],
-select {
-	-webkit-box-sizing : border-box;
-	-moz-box-sizing    : border-box;
-	box-sizing         : border-box;
-}
-
-/* Standardize radio and checkbox sizes */
-input[type=checkbox],
-input[type=radio] {
-  width  : 13px;
-  height : 13px; 
-}
-
-/* 
-	Make buttons play nice in IE:
-	@see www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ 
-*/
-button,
-input[type="reset"],
-input[type="button"],
-input[type="submit"] {
-  overflow : visible;
-  width    : auto; 
-}
-
-/* Turn off scroll bars in IE unless needed */
-textarea {
-  overflow : auto; 
-}
-
-/* HTML5 elements
----------------------------------------- */
-/*
-  So that browsers render the new elements correctly. Only block elements need to be worried about as browsers render unknown elements as inline by default.
-*/
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-	display:block
-}
-
-/* Text Elements
----------------------------------------- */
-/*
-  Reset all COMMON text elements.
-  If you're using uncommon or invalid elements you have to reset them yourself
-*/
-a, 
-abbr, 
-b, 
-body,
-br, 
-cite, 
-code, 
-dfn, 
-em, 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-img, 
-input, 
-kbd,
-label,
-mark, 
-pre,
-q, 
-samp, 
-select, 
-small, 
-span, 
-strong, 
-sub, 
-sup, 
-textarea, 
-var
-{
-  font-size       : 100%;
-  font-family     : sans-serif;
-  font-style      : normal;
-  font-weight     : normal;
-  font-variant    : normal;
-  color           : #000;
-  vertical-align  : baseline;
-  text-decoration : none;
-}
-
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: "";
-  content: none; 
-}
-
-/*
-  Make lists display inline and not like list items
-  You must explicitly declare lists in copy to look the way they do
-  It will save you a whole lot of code
-*/
-li {
-  list-style: none;
-  display: block; 
-}
-
-/*
-  Make links look like normal text. This way you don't need to
-  override styles when you create buttons and wrap blocks in links
-*/
-a {
-  &:hover,
-  &:active {
-    outline: none; 
-  } 
-}
-
-/* Set sub, sup without affecting line-height: gist.github.com/413930 */
-sub,sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative; 
-}
-
-sup {
-  top: -0.5em; 
-}
-
-sub {
-  bottom: -0.25em; 
-}
-
-/* Tables
----------------------------------------- */
-table {
-  border-collapse: collapse;
-  border-spacing: 0; 
-}
-
-/* Media
----------------------------------------- */
-/* Nicer image sizing in IE */
-img {
-	-ms-interpolation-mode: bicubic
-}
-	
-/* fluid images and objects */
-img,object,embed,video {
-	max-width:100%;
-	display:block;
-}