compass-adaptive-grid-plugin 0.1.0

data/README.mkdn

@@ -0,0 +1,4 @@
+960 (Adaptive) Grid System - Compass Plugin
+===========================================
+
+An adaptive Compass plugin based on the 960.gs grid system, heavily inspired by and ported from Matt Sanders' [compass-960-plugin](http://raw.github.com/nextmat/compass-960-plugin).

data/compass-adaptive-grid-plugin.gemspec

@@ -0,0 +1,29 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{compass-adaptive-grid-plugin}
+  s.version = "0.1.0"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
+  s.authors = ["Garrett Murphey"]
+  s.date = %q{2012-08-21}
+  s.description = %q{The Compass Adaptive Grid plugin aims to make it easier to quickly build and deploy fluid layouts with Sass.}
+  s.email = %w{gmurphey@gmurphey.com}
+  s.has_rdoc = false
+  s.files = [
+    "compass-adaptive-grid-plugin.gemspec",
+    "README.mkdn",
+    "lib/adaptive-grid.rb",
+    "stylesheets/adaptive-grid/_grid.scss",
+    "stylesheets/adaptive-grid/_text.scss",
+    "templates/project/grid.scss",
+    "templates/project/manifest.rb",
+    "templates/project/text.scss"
+  ]
+  s.homepage = %q{https://github.com/gmurphey/compass-adaptive-grid-plugin}
+  s.require_paths = ["lib"]
+  s.rubyforge_project = %q{compass-adaptive-grid-plugin}
+  s.rubygems_version = %q{1.3.6}
+  s.summary = %q{Compass compatible Sass adaptive grid system.}
+  s.add_dependency(%q<compass>, [">= 0.10.0"])
+end

data/lib/adaptive-grid.rb

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

data/stylesheets/adaptive-grid/_grid.scss

@@ -0,0 +1,141 @@
+$adaptive-grid-gutter-width: 20px !default;
+$adaptive-grid-max-width: 960px !default;
+$adaptive-grid-columns: 12 !default;
+$adaptive-grid-class-separator: "-" !default;
+
+@import "compass/css3/box-sizing";
+
+@mixin grid-container($max-width: $adaptive-grid-max-width) {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: $max-width;
+  width: 100%;
+}
+
+@mixin grid-width($n, $cols: $adaptive-grid-columns) {
+  width: percentage((1 / $cols) * $n);
+}
+
+@mixin grid-unit-base($gutter-width: $adaptive-grid-gutter-width) {
+  @include box-sizing(border-box);
+
+  display: inline;
+  float: left;
+  padding: {
+    left: $gutter-width / 2;
+    right: $gutter-width / 2;
+  }
+}
+
+@mixin grid($n, $cols: $adaptive-grid-columns, $gutter-width: $adaptive-grid-gutter-width) {
+  @include grid-unit-base($gutter-width);
+  @include grid-width($n, $cols);
+}
+
+@mixin alpha {
+  padding-left: 0;
+}
+
+@mixin omega {
+  padding-right: 0;
+}
+
+@mixin grids($cols: $adaptive-grid-columns, $gutter-width: $adaptive-grid-gutter-width) {
+  #{enumerate(".grid", 1, $cols, $adaptive-grid-class-separator)} {
+    @include grid-unit-base($gutter-width);
+  }
+
+  @for $n from 1 through $cols {
+    .grid#{$adaptive-grid-class-separator}#{$n} {
+      @include grid-width($n, $cols);
+    }
+  }
+}
+
+@mixin grid-prefix($n, $cols: $adaptive-grid-columns) {
+  padding-left: percentage((1 / $cols) * $n);
+}
+
+@mixin grid-prefixes($cols: $adaptive-grid-columns) {
+  @for $n from 1 through $cols - 1 {
+   .prefix#{$adaptive-grid-class-separator}#{$n} {
+      @include grid-prefix($n, $cols);
+    }
+  }
+}
+
+@mixin grid-suffix($n, $cols: $adaptive-grid-columns) {
+  padding-right: percentage((1 / $cols) * $n);
+}
+
+@mixin grid-suffixes($cols: $adaptive-grid-columns) {
+  @for $n from 1 through $cols - 1 {
+    .suffix#{$adaptive-grid-class-separator}#{$n} {
+      @include grid-suffix($n, $cols);
+    }
+  }
+}
+
+@mixin grid-children {
+  .alpha {
+    @include alpha;
+  }
+
+  .omega {
+    @include omega;
+  }
+}
+
+@mixin grid-move-base {
+  position: relative;
+}
+
+@mixin grid-move-push($n, $cols) {
+  left: (1 / $cols) * $n;
+}
+
+@mixin grid-move-pull($n, $cols) {
+  left: -(1 / $cols) * $n;
+}
+
+@mixin grid-push($n, $cols: $adaptive-grid-columns) {
+  @include grid-move-base;
+  @include grid-move-push($n, $cols);
+}
+
+@mixin grid-pull($n, $cols: $adaptive-grid-columns) {
+  @include grid-move-base;
+  @include grid-move-pull($n, $cols);
+}
+
+@mixin grid-movements($cols: $adaptive-grid-columns) {
+  #{enumerate(".push", 1, $cols - 1, $adaptive-grid-class-separator)},
+  #{enumerate(".pull", 1, $cols - 1, $adaptive-grid-class-separator)} {
+    @include grid-move-base;
+  }
+
+  @for $n from 1 through $cols - 1 {
+    .push#{$adaptive-grid-class-separator}#{$n} {
+      @include grid-move-push($n, $cols);
+    }
+
+    .pull#{$adaptive-grid-class-separator}#{$n} {
+      @include grid-move-pull($n, $cols);
+    }
+  }
+}
+
+@mixin grid-system($cols: $adaptive-grid-columns) {
+  @include grid-container;
+  @include grids($cols);
+  @include grid-prefixes($cols);
+  @include grid-suffixes($cols);
+  @include grid-children;
+  @include grid-movements($cols);
+}
+
+@mixin grid-system-complete($cols: $adaptive-grid-columns) {
+  .container#{$adaptive-grid-class-separator}#{$cols} {
+    @include grid-system($cols);
+  }
+}

data/stylesheets/adaptive-grid/_text.scss

@@ -0,0 +1,73 @@
+$ninesixty-font-family: unquote("Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif") !default;
+
+@mixin text($font-family: $ninesixty-font-family) {
+  body {
+    font: unquote("13px/1.5") $font-family;
+  }
+
+  a:focus {
+    outline: 1px dotted invert;
+  }
+
+  hr {
+    border-color: #cccccc;
+    border-style: solid;
+    border-width: 1px 0 0;
+    clear: both;
+    height: 0;
+  }
+
+  h1 {
+    font-size: 25px;
+  }
+
+  h2 {
+    font-size: 23px;
+  }
+
+  h3 {
+    font-size: 21px;
+  }
+
+  h4 {
+    font-size: 19px;
+  }
+
+  h5 {
+    font-size: 17px;
+  }
+
+  h6 {
+    font-size: 15px;
+  }
+
+  ol {
+    list-style: decimal;
+  }
+
+  ul {
+    list-style: square;
+  }
+
+  li {
+    margin-left: 30px;
+  }
+
+  p,
+  dl,
+  hr,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  ol,
+  ul,
+  pre,
+  table,
+  address,
+  fieldset {
+    margin-bottom: 20px;
+  }
+}

data/templates/project/grid.scss

@@ -0,0 +1,37 @@
+/* 960 Grid System ~ Core CSS.
+ * Learn more ~ http://960.gs/
+ * *
+ * Licensed under GPL and MIT.
+*/
+
+@import "compass/reset";
+@import "adaptive-grid/grid";
+
+// The following generates the default grids provided by the css version of 960.gs
+.container_12 {
+  @include grid-system(12);
+}
+
+.container_16 {
+  @include grid-system(16);
+}
+
+// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer):
+
+$ninesixty-columns: 24;
+
+.two-column {
+  @include grid-container;
+
+  #header, #footer {
+    @include grid(24);
+  }
+
+  #sidebar {
+    @include grid(8);
+  }
+
+  #main-content {
+    @include grid(16);
+  }
+}

data/templates/project/manifest.rb

@@ -0,0 +1,17 @@
+stylesheet 'grid.scss', :media => "screen, projection"
+stylesheet 'text.scss', :media => "screen, projection"
+
+description "The 960 Grid System."
+
+help %Q{
+Please see the 960 website for documentation:
+
+    http://960.gs/
+}
+
+welcome_message %Q{
+Please see the 960 website for documentation:
+
+    http://960.gs/
+}
+

data/templates/project/text.scss

@@ -0,0 +1,9 @@
+/* 960 Grid System ~ Text CSS.
+ * Learn more ~ http://960.gs/
+ * *
+ * Licensed under GPL and MIT.
+*/
+
+@import "adaptive-grid/text";
+
+@include text;

metadata

@@ -0,0 +1,70 @@
+--- !ruby/object:Gem::Specification
+name: compass-adaptive-grid-plugin
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Garrett Murphey
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-08-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.10.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.10.0
+description: The Compass Adaptive Grid plugin aims to make it easier to quickly build
+  and deploy fluid layouts with Sass.
+email:
+- gmurphey@gmurphey.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- compass-adaptive-grid-plugin.gemspec
+- README.mkdn
+- lib/adaptive-grid.rb
+- stylesheets/adaptive-grid/_grid.scss
+- stylesheets/adaptive-grid/_text.scss
+- templates/project/grid.scss
+- templates/project/manifest.rb
+- templates/project/text.scss
+homepage: https://github.com/gmurphey/compass-adaptive-grid-plugin
+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: 1.3.5
+requirements: []
+rubyforge_project: compass-adaptive-grid-plugin
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Compass compatible Sass adaptive grid system.
+test_files: []