compass-extension-mesh 1.0

data/lib/mesh.rb

@@ -0,0 +1 @@
+Compass::Frameworks.register("mesh", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/_mesh.scss

@@ -0,0 +1,83 @@
+/*!
+ * Mesh v1.0.0
+ *
+ * Copyright 2011 Maxwell Barvian
+ * Licensed under the GNU General Public License
+ * http://www.gnu.org/licenses/gpl.html
+ */
+
+// Configuration
+$number-of-columns: 12 !default; // the number of columns in your grid
+$gutter-width: 3.8% !default; // The width of the gutters of your grid, in percentages
+
+
+/* Mobile first */
+
+body {
+	font-size: 90%;
+}
+	
+.row {
+	zoom: 1;
+	
+	&:before, &:after {
+		display: table;
+		content: "";
+		zoom: 1;
+		*display: inline;
+	}
+		
+	&:after {
+		clear: both;
+	}
+}
+
+// Create the columns
+$_allColumns: "";
+@for $col from 1 to ($number-of-columns + 1) {
+	@if $_allColumns == "" {
+		$_allColumns: ".colSpan#{$col}";
+	} @else {
+		$_allColumns: $_allColumns + ", .colSpan#{$col}";
+	}
+}
+	
+#{$_allColumns} {
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	width: 100%;
+}
+
+	
+@media handheld, only screen and (min-width: 48em) {
+	
+	body {
+		font-size: 100%
+	}
+		
+	#{$_allColumns} {
+		// The things we do for older browsers
+		display: block;
+		float: left;
+		
+		margin-right: $gutter-width;
+	}
+	
+	@for $col from 1 to ($number-of-columns + 1) {
+		.colSpan#{$col} {
+			width: ($col * ((100.0 - (($number-of-columns - 1) * $gutter-width)) / $number-of-columns)) + (($col - 1) * $gutter-width);
+		}
+	}
+	
+	.lastCol {
+		margin-right: 0;
+	}
+	
+	@for $col from 1 to $number-of-columns {
+		.offset#{$col} {
+			margin-left: ($col * ((100.0 - (($number-of-columns - 1) * $gutter-width)) / $number-of-columns)) + (($col - 1) * $gutter-width) + $gutter-width;
+		}
+	}
+	
+}

data/templates/project/manifest.rb

@@ -0,0 +1,4 @@
+
+description "a dynamic grid system for SASS (and Compass)"
+
+discover :all

data/templates/project/screen.scss

@@ -0,0 +1,9 @@
+
+$number-of-columns: 16;
+$gutter-width: 2.127%; // 960.gs 16-column
+@import "mesh";
+ 
+.row {
+	margin: 0 auto;
+	max-width: 940px;
+}

metadata

@@ -0,0 +1,59 @@
+--- !ruby/object:Gem::Specification
+name: compass-extension-mesh
+version: !ruby/object:Gem::Version
+  version: '1.0'
+  prerelease: 
+platform: ruby
+authors:
+- Maxwell Barvian
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-10-15 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: &70361506601640 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: *70361506601640
+description: a dynamic grid system for SASS (and Compass)
+email: mbarvian@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/mesh.rb
+- stylesheets/_mesh.scss
+- templates/project/manifest.rb
+- templates/project/screen.scss
+homepage: http://maxwellbarvian.com/
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.11
+signing_key: 
+specification_version: 3
+summary: a dynamic grid system for SASS (and Compass)
+test_files: []