eleven40_16 1.2.1

data/README.md

@@ -0,0 +1,39 @@
+# eleven40-compass extension
+
+This is a Compass-CSS extension to enable the 1140px fluid layout style, originally described at http://cssgrid.net/
+
+The main problem with the styles provided is that is makes your markup and style non-semantic. Compass and SASS fixes that.
+
+This extension is not quite in line with the original, but will be soon. It currently only has screen and mobile support.
+
+## Usage
+
+### Mixins
+
+This extension provides mixins to do what the classes in the original did. In general, you can follow this format:
+
+@include eleven40-classname
+
+For example:
+
+  @include eleven40-container
+
+replaces the
+
+  .container
+
+css class.
+
+The same applies for the row class all the col classes. Make sure you use the eleven40-last mixin for the last column, just like in the css class version.
+
+### Mobile
+
+To make a mobile stylesheet, simply:
+
+@import "eleven40/mobile";
+
+This will include the mobile styles that will overload the default screen styles.
+
+## Install
+
+gem install eleven40

data/lib/eleven40.rb

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

data/stylesheets/_eleven40.scss

@@ -0,0 +1,4 @@
+// This is your framework's main stylesheet. Use it to import all default modules.
+
+@import "eleven40/reset";
+@import "eleven40/base";

data/stylesheets/eleven40/_base.scss

@@ -0,0 +1,109 @@
+$mobile: false;
+
+@mixin eleven40-container {
+  @if $mobile == true
+  {
+    @include eleven40-mobile-full;
+  }
+  @else
+  {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}
+
+@mixin eleven40-row {
+  @if $mobile == true
+  {
+    @include eleven40-mobile-full;
+  }
+  @else
+  {
+    width: 100%;
+    max-width: 1140px;
+    margin: 0 auto;
+    overflow: hidden;
+  }
+}
+
+// $default-width should include the %
+@mixin eleven40-subcolumn($default-width) {
+  @if $mobile == true
+  {
+    @include eleven40-mobile-column;
+  }
+  @else
+  {
+    width: $default-width;
+    margin-right: 2.4%;
+    float: left;
+  }
+}
+
+@mixin eleven40-onecol {
+  @include eleven40-subcolumn(4%);
+}
+
+@mixin eleven40-twocol {
+  @include eleven40-subcolumn(10.4%);
+}
+
+@mixin eleven40-threecol {
+  @include eleven40-subcolumn(16.8%);
+}
+
+@mixin eleven40-fourcol {
+  @include eleven40-subcolumn(23.2%);
+}
+
+@mixin eleven40-fivecol {
+  @include eleven40-subcolumn(29.6%);
+}
+
+@mixin eleven40-sixcol {
+  @include eleven40-subcolumn(36%);
+}
+
+@mixin eleven40-sevencol {
+  @include eleven40-subcolumn(42.4%);
+}
+
+@mixin eleven40-eightcol {
+  @include eleven40-subcolumn(48.8%);
+}
+
+@mixin eleven40-ninecol {
+  @include eleven40-subcolumn(55.2%);
+}
+
+@mixin eleven40-tencol {
+  @include eleven40-subcolumn(61.6%);
+}
+
+@mixin eleven40-elevencol {
+  @include eleven40-subcolumn(68%);
+}
+
+@mixin eleven40-twelvecol {
+  @include eleven40-subcolumn(74.4%);
+}
+
+@mixin eleven40-thirteencol {
+  @include eleven40-subcolumn(80.8%);
+}
+
+@mixin eleven40-fourteencol {
+  @include eleven40-subcolumn(87.2%);
+}
+
+@mixin eleven40-fifteencol {
+  @include eleven40-subcolumn(93.6%);
+}
+
+@mixin eleven40-sixteencol {
+  @include eleven40-subcolumn(100%);
+}
+
+@mixin eleven40-last {
+  margin-right: 0px;
+}

data/stylesheets/eleven40/_ie.scss

@@ -0,0 +1,64 @@
+
+@mixin eleven40-onecol {
+  @include eleven40-subcolumn(3.95%);
+}
+
+@mixin eleven40-twocol {
+  @include eleven40-subcolumn(10.3%);
+}
+
+@mixin eleven40-threecol {
+  @include eleven40-subcolumn(16.6%);
+}
+
+@mixin eleven40-fourcol {
+  @include eleven40-subcolumn(22.9%);
+}
+
+@mixin eleven40-fivecol {
+  @include eleven40-subcolumn(29.25%);
+}
+
+@mixin eleven40-sixcol {
+  @include eleven40-subcolumn(35.55%);
+}
+
+@mixin eleven40-sevencol {
+  @include eleven40-subcolumn(41.85%);
+}
+
+@mixin eleven40-eightcol {
+  @include eleven40-subcolumn(48.2%);
+}
+
+@mixin eleven40-ninecol {
+  @include eleven40-subcolumn(54.5%);
+}
+
+@mixin eleven40-tencol {
+  @include eleven40-subcolumn(60.8%);
+}
+
+@mixin eleven40-elevencol {
+  @include eleven40-subcolumn(67.1%);
+}
+
+@mixin eleven40-twelvecol {
+  @include eleven40-subcolumn(73.45%);
+}
+
+@mixin eleven40-thirteencol {
+  @include eleven40-subcolumn(79.75%);
+}
+
+@mixin eleven40-fourteencol {
+  @include eleven40-subcolumn(86.05%);
+}
+
+@mixin eleven40-fifteencol {
+  @include eleven40-subcolumn(92.4%);
+}
+
+@mixin eleven40-sixteencol {
+  @include eleven40-subcolumn(98.7%);
+}

data/stylesheets/eleven40/_mobile.scss

@@ -0,0 +1,18 @@
+$mobile: true;
+
+@mixin eleven40-mobile-column {
+	width: auto;
+	float: none;
+	margin-left: 0px;
+	margin-right: 0px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+@mixin eleven40-mobile-full {
+	width: 100%;
+	margin-left: 0px;
+	margin-right: 0px;
+	padding-left: 0px;
+	padding-right: 0px;
+}

data/stylesheets/eleven40/_reset.scss

@@ -0,0 +1,3 @@
+@import "reset/utilities";
+
+@include eleven40-global-reset;

data/stylesheets/eleven40/_smallscreen.scss

@@ -0,0 +1,6 @@
+@mixin eleven40-smallscreen-reset {
+	body {
+		font-size: 0.8em; /* Makes type a bit smaller at 1024 so layout doesn't look unbalanced */
+		line-height: 1.5em;	/* As above */
+	}
+}

data/stylesheets/eleven40/_typography.scss

@@ -0,0 +1,75 @@
+@mixin eleven40-typography
+{
+	/* Type & image presets */
+
+	img, object, embed {
+	margin-bottom: 20px;
+	}
+
+	body {
+	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+	font-size: 14px;
+	line-height: 24px;		/* Changing this will break the baseline grid. */
+	-webkit-text-size-adjust: none;		/* Stops the iPhone scalling type up */
+	}
+
+	a {
+	text-decoration: none;
+	color: #005698;
+	font-weight: bold;
+	border-bottom: 1px solid #adadad;
+	}
+
+	a:hover {
+	color: #000;
+	border-bottom: none;
+	}
+
+	a img {
+	display: block;		/* Stops image links getting text link styles */
+	}
+
+	img {
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	margin-bottom: 20px;
+	}
+
+	p, ul, ol, blockquote {
+	margin-bottom: 24px;	/* Changing this will break the baseline grid. */
+	}
+
+	li {
+	margin-bottom: 6px;
+	}
+
+	blockquote {
+	border-left: 1px solid #c1c1c1;
+	color: #747474;
+	padding-left: 15px;
+	margin-left: -15px;
+	}
+
+	h1 {
+	font-size: 30px;
+	line-height: 36px;		/* Changing this will break the baseline grid. */
+	margin-bottom: 24px;	/* Changing this will break the baseline grid. */
+	font-family: Georgia;
+	font-weight: lighter;
+	}
+
+	h2 {
+	font-size: 20px;
+	margin-bottom: 24px;	/* Changing this will break the baseline grid. */
+	font-family: Georgia, serif;
+	font-weight: lighter;
+	}
+
+	h3 {
+	font-size: 16px;
+	margin-bottom: 24px;	/* Changing this will break the baseline grid. */
+	font-family: Georgia, serif;
+	font-weight: lighter;
+	}
+}

data/stylesheets/eleven40/reset/_utilities.scss

@@ -0,0 +1,30 @@
+@mixin eleven40-global-reset {
+	@include eleven40-nested-reset;
+}
+
+@mixin eleven40-nested-reset {
+	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
+	address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,
+	fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
+		border:0;
+		margin:0;
+		padding:0;
+	}
+	article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,
+	video,object {
+		display:block
+	}
+	a img{
+		border:0;
+	}
+	figure {
+		position:relative;
+	}
+	figure img {
+		width:100%;
+	}
+
+	img, object, embed {
+		max-width: 100%;
+	}
+}

data/templates/project/ie.scss

@@ -0,0 +1,6 @@
+@import "eleven40/reset";
+@import "eleven40/base";
+@import "eleven40/ie";
+@import "eleven40/typography";
+
+@import "partials/layout";

data/templates/project/manifest.rb

@@ -0,0 +1,38 @@
+description "eleven40 compass extension"
+
+stylesheet 'partials/_layout.scss'
+stylesheet 'screen.scss',      :media => 'screen'
+stylesheet 'ie.scss',          :media => 'screen', :condition => "lt IE 8"
+stylesheet 'mobile.scss',      :media => 'handheld, only screen and (max-width: 767px)'
+stylesheet 'smallscreen.scss', :media => 'only screen and (max-width: 1023px)'
+
+help %Q{
+Please see the cssgrid website for source information:
+
+    http://cssgrid.net/
+
+This extension provides mixins to do what the classes in the original did. In general, you can follow this format:
+
+    @include eleven40-classname
+
+For example:
+
+    @include eleven40-container
+
+replaces the
+
+    .container
+
+css class.
+
+The same applies for the row class all the col classes. Make sure you use the eleven40-last mixin for the last column, just like in the css class version.
+
+}
+
+welcome_message %Q{
+Please see the cssgrid website for source information:
+
+    http://cssgrid.net/
+
+This extension provides mixins to do what the classes in the original did.
+}

data/templates/project/mobile.scss

@@ -0,0 +1,6 @@
+@import "eleven40/reset";
+@import "eleven40/base";
+@import "eleven40/mobile";
+@import "eleven40/typography";
+
+@import "partials/layout";

data/templates/project/partials/_layout.scss

@@ -0,0 +1,12 @@
+.header {
+	@include eleven40-row;
+}
+
+.menu {
+	@include eleven40-fourcol;
+}
+
+.body {
+	@include eleven40-eightcol;
+	@include eleven40-last;
+}

data/templates/project/screen.scss

@@ -0,0 +1,5 @@
+@import "eleven40/reset";
+@import "eleven40/base";
+@import "eleven40/typography";
+
+@import "partials/layout";

data/templates/project/smallscreen.scss

@@ -0,0 +1,6 @@
+@import "eleven40/reset";
+@import "eleven40/smallscreen";
+@import "eleven40/base";
+@import "eleven40/typography";
+
+@import "partials/layout";

metadata

@@ -0,0 +1,95 @@
+--- !ruby/object:Gem::Specification 
+name: eleven40_16
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 1
+  - 2
+  - 1
+  version: 1.2.1
+platform: ruby
+authors: 
+- Jeremy Bush
+- "Ant\xC3\xB4nio Roberto"
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2010-12-03 00:00:00 -02:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 10
+        - 0
+        - rc3
+        version: 0.10.0.rc3
+  type: :runtime
+  version_requirements: *id001
+description: a 16 column cssgrid implementation in compass based in eleven40
+email: forevertonny@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- README.md
+- lib/eleven40.rb
+- stylesheets/_eleven40.scss
+- stylesheets/eleven40/_base.scss
+- stylesheets/eleven40/_ie.scss
+- stylesheets/eleven40/_mobile.scss
+- stylesheets/eleven40/_reset.scss
+- stylesheets/eleven40/_smallscreen.scss
+- stylesheets/eleven40/_typography.scss
+- stylesheets/eleven40/reset/_utilities.scss
+- templates/project/ie.scss
+- templates/project/manifest.rb
+- templates/project/mobile.scss
+- templates/project/partials/_layout.scss
+- templates/project/screen.scss
+- templates/project/smallscreen.scss
+has_rdoc: true
+homepage: https://github.com/devton/eleven40-compass
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.7
+signing_key: 
+specification_version: 3
+summary: a 16 column cssgrid implementation in compass based in eleven40
+test_files: []
+