stitch 0.0.3

data/templates/project/layouts/desktop/_copy.scss

@@ -0,0 +1,140 @@
+/* Define styles for blocks of content scoped within the .copy rather than
+   making them global. Global styles will be constantly overridden. */
+.copy {
+	@include improve-text-rendering;
+	
+	/* 
+	  Set the baseline on all elements directly inside a copy block
+	  Inline elements won't take margin anyway
+	*/
+	& > * {
+		margin:0 0 $baseline 0;	
+	}
+	
+	/* Block Elements
+	---------------------------------------- */
+
+	p {
+		
+	}
+
+	address {
+
+	}
+	
+	/* Lists
+	---------------------------------------- */
+
+	ul {
+
+	}
+
+	ol {
+
+	}
+
+	li {
+		display:list-item;
+	}
+
+	dl {
+
+	}
+
+	dt {
+
+	}
+
+	dd {
+
+	}
+	
+	/* Code Blocks
+	---------------------------------------- */
+
+	pre {
+
+	}
+	
+	/* Headings
+	---------------------------------------- */
+
+	h1,h2,h3,h4,h5,h6 {
+
+	}
+
+	h1 {
+
+	}
+
+	h2 {
+
+	}
+
+	h3 {
+
+	}
+
+	h4 {
+
+	}
+
+	h5 {
+
+	}
+
+	h6 {
+
+	}
+
+	/* Inline Elements
+	---------------------------------------- */
+
+	em {
+		font-style:italic;
+	}
+
+	strong {
+		font-weight:bold;
+	}
+
+	mark {
+		background:yellow;
+	}
+
+	ins {
+		background:green;
+	}
+
+	del {
+		background:red;
+	}
+
+	abbr {
+
+	}
+	
+	code {
+		
+	}
+	
+	kbd {
+		
+	}
+	
+	/* Links
+	---------------------------------------- */
+
+	a {
+		font-weight:bold;
+		text-decoration:underline;
+	}
+
+	a:visited {
+
+	}
+
+	a:hover {
+
+	}
+}

data/templates/project/layouts/desktop/_forms.scss

@@ -0,0 +1,3 @@
+/*
+  Specific form styles. Global form styles should go in _global.scss
+*/

data/templates/project/layouts/desktop/_functions.scss

@@ -0,0 +1,3 @@
+/*
+  Define all of your sass functions and mixins here
+*/

data/templates/project/layouts/desktop/_global.scss

@@ -0,0 +1,52 @@
+/*
+  These are global styles with NO SCOPE
+*/
+
+/* Basic
+---------------------------------------- */
+html {
+	@include force-scrollbars;
+}
+
+/* Typography
+---------------------------------------- */
+$baseline: 21px;
+$base-font-size: 16px;
+
+body,
+input,
+label,
+select,
+button,
+textarea,
+table {
+	  font-size: $base-font-size;
+	font-family: Georgia;
+	line-height: $baseline;
+	      color: #000;
+}
+
+/* These ::selection declarations have to be separate. 
+   They cause the browsers to freak out. */
+@mixin text-selection {
+	 background: #000;
+	      color: #fff;
+	text-shadow: none;
+}
+
+::-moz-selection  { @include text-selection }
+::selection       { @include text-selection }
+
+h1,h2,h3,h4,h5,h6 {
+  @include improve-text-rendering; 
+}
+
+/* Forms
+---------------------------------------- */
+input:focus {
+  outline: 0; 
+}
+
+input[type="search"] {
+  @include reset-search-field;
+}

data/templates/project/layouts/desktop/_layout.scss

@@ -0,0 +1,4 @@
+/*
+  All layout styles should go in here. Seperate your layout styles from your design styles
+  Common layout styles should be mixins, patterns or modules
+*/

data/templates/project/layouts/desktop/_modules.scss

@@ -0,0 +1,4 @@
+/*
+  Re-usable components. Should be modular and scope styles
+  Complex modules can go in their own files inside the modules folder
+*/

data/templates/project/layouts/desktop/master.scss

@@ -0,0 +1,18 @@
+// Compass CSS3 Helpers
+@import "compass/css3";
+
+// Patterns
+@import "stitch/patterns";
+
+// Reset
+@import "stitch/reset/desktop";
+
+// Assets
+
+// Specific styles
+@import "functions";
+@import "global";
+@import "copy";
+@import "layout";
+@import "modules";
+@import "forms";

data/templates/project/layouts/mobile/_global.scss

@@ -0,0 +1,3 @@
+html {
+	@include fixed-sized-text;
+}

data/templates/project/layouts/mobile/master.scss

@@ -0,0 +1,2 @@
+@import "stitch/patterns/mobile";
+@import "global";

data/templates/project/layouts/print/_global.scss

@@ -0,0 +1,6 @@
+body {
+	// Append links to anchors
+	@include append-content;
+	// Make text printer-friendly
+	@include printable-text;
+}

data/templates/project/layouts/print/master.scss

@@ -0,0 +1,2 @@
+@import "stitch/patterns/print";
+@import "global";

data/templates/project/legacy.scss

@@ -0,0 +1,4 @@
+/*
+  For older browsers that will just get one layout. Import it here.
+*/
+@import "layouts/desktop/master";

data/templates/project/manifest.rb

@@ -0,0 +1,31 @@
+description "Stitch CSS directory template"
+
+help %Q{
+  Read the Stitch documentation for more details:
+     https://github.com/anthonyshort/stitch-css/blob/master/README.md
+}
+
+welcome_message %Q{
+  The Stitch project directory has been created.
+  
+  Usage:
+    For browsers that support media queries, link to the master.css file in the root. For other browsers, link to the legacy.css file in the root. 
+    
+    The common layouts (desktop, print and mobile) have been created for you with the common patterns already imported.
+    
+    Read the documentation for more information about structuring your CSS. 
+}
+
+# Automatically copy over stylesheets
+discover :stylesheets
+
+# Create assets directories
+directory 'assets'
+directory 'assets/bg'
+directory 'assets/borders'
+directory 'assets/fonts'
+directory 'assets/icons'
+directory 'assets/sprites'
+directory 'assets/text'
+
+# Layouts

data/templates/project/master.scss

@@ -0,0 +1,8 @@
+// Default Layout
+@import "layouts/desktop/master.css" screen and (min-width: 481px);
+
+// Adjusted default layout for smaller tablet screens
+@import "layouts/tablet/master.css" screen and (min-width: 481px) and (max-width: 1024px);
+
+// Adjusted layout for mobile devices
+@import "layouts/mobile/master.css" screen and (max-width: 480px);

metadata

@@ -0,0 +1,113 @@
+--- !ruby/object:Gem::Specification 
+name: stitch
+version: !ruby/object:Gem::Version 
+  hash: 25
+  prerelease: 
+  segments: 
+  - 0
+  - 0
+  - 3
+  version: 0.0.3
+platform: ruby
+authors: 
+- Anthony Short
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-04-29 00:00:00 Z
+dependencies: []
+
+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
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- .gitignore
+- Gemfile
+- 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/patterns/_accessibility.scss
+- stylesheets/stitch/patterns/_forms.scss
+- stylesheets/stitch/patterns/_images.scss
+- stylesheets/stitch/patterns/_layout.scss
+- stylesheets/stitch/patterns/_legacy.scss
+- stylesheets/stitch/patterns/_mobile.scss
+- stylesheets/stitch/patterns/_print.scss
+- stylesheets/stitch/patterns/_text.scss
+- stylesheets/stitch/patterns/accessibility/_hide-content.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/_force-scrollbars.scss
+- stylesheets/stitch/patterns/layout/_media.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/_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: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: stitch
+rubygems_version: 1.7.2
+signing_key: 
+specification_version: 3
+summary: A CSS pattern framework for Compass
+test_files: []
+