sass-960gs 0.0.2 → 0.0.3

data/.gitignore

@@ -0,0 +1,3 @@
+*.css
+pkg/
+*.gem

data/LICENSE.md

@@ -0,0 +1,11 @@
+Copyright (c) 2008-2011 Nathan Smith, Christopher M. Eppstein, Matt Sanders, Łukasz Niemier
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. No attribution is required by products that make use of this software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Except as contained in this notice, the name(s) of the above copyright holders shall not be used in advertising or otherwise to promote the sale, use or other dealings in this Software without prior written authorization.
+
+Contributors to this project agree to grant all rights to the copyright holder of the primary product. Attribution is maintained in the source control history of the product.

data/changelog.txt

@@ -0,0 +1,26 @@
+0.10.4 06/15/2011
+=================
+
+add grid-system-complete mixin which includes relevant .container_X class
+add info about installing in existing compass project
+remove unneeded max .push and .pull classes, thank ShPakvel
+
+0.10.3 04/25/2011
+=================
+
+add missing gutter-width when using =grids, thanks ShPakvel
+don't create max-length .push and .pull classes, thanks ShPakvel
+doc improvements
+
+0.10.2 04/08/2011
+=================
+
+add $ninesixty-class-separator variable, thanks mattyoung
+add changelog
+
+0.10.1 03/14/2011
+=================
+
+documentation improvements, thanks Matthew Schulkind
+fix positioning bug in grid-push and grid-pull, thanks Matthew Schulkind
+grid-push and grid-pull default to specified column count correctly

data/sass-960gs.gemspec

@@ -2,23 +2,15 @@
 
 Gem::Specification.new do |s|
   s.name = %q{sass-960gs}
-  s.version = "0.0.2"
+  s.version = "0.0.3"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
-  s.authors = ["Chris Eppstein", "Matt Sanders", "Łukasz Niemier"]
+  s.authors = ["Łukasz Niemier"]
   s.date = %q{2012-03-19}
   s.description = %q{The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. http://960.gs/}
-  s.email = %w{chris@eppsteins.net matt@modal.org lukasz@niemier.pl}
+  s.email = %w{lukasz@niemier.pl}
   s.has_rdoc = false
-  s.files = %w{
-    README.md
-    sass-960gs.gemspec
-    app/assets/stylesheets/_960.scss
-    app/assets/stylesheets/960/_fixed_grid.scss
-    app/assets/stylesheets/960/_fluid_grid.scss
-    app/assets/stylesheets/960/_text.scss
-    app/assets/stylesheets/960/_variables.scss
-  }
+  s.files = `git ls-files`.split("\n")
   s.homepage = %q{https://github.com/Hauleth/sass-960gs}
   s.rubygems_version = %q{1.3.6}
   s.summary = %q{Standalone SCSS port of 960.gs.}

data/{app → vendor}/assets/stylesheets/960/_fixed_grid.scss

@@ -3,83 +3,115 @@
 @mixin grid-container {
   margin-left: auto;
   margin-right: auto;
-  width: $ninesixty-grid-width; }
+  width: $ninesixty-grid-width;
+}
 
 @mixin grid-width($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-gutter-width) {
-  width: $ninesixty-grid-width / $cols * $n - $gutter-width; }
+  width: $ninesixty-grid-width / $cols * $n - $gutter-width;
+}
 
 @mixin grid-unit-base($gutter-width: $ninesixty-gutter-width) {
   display: inline;
   float: left;
   margin: {
     left: $gutter-width / 2;
-    right: $gutter-width / 2; }; }
+    right: $gutter-width / 2;
+  };
+}
 
 @mixin grid($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-gutter-width) {
   @include grid-unit-base($gutter-width);
-  @include grid-width($n, $cols, $gutter-width); }
+  @include grid-width($n, $cols, $gutter-width);
+}
 
 @mixin alpha {
-  margin-left: 0; }
+  margin-left: 0;
+}
 
 @mixin omega {
-  margin-right: 0; }
+  margin-right: 0;
+}
 
 @mixin grids($cols: $ninesixty-columns, $gutter-width: $ninesixty-gutter-width) {
   #{enumerate(".grid", 1, $cols, $ninesixty-class-separator)} {
-    @include grid-unit-base($gutter-width); }
+    @include grid-unit-base($gutter-width);
+  }
   @for $n from 1 through $cols {
     .grid#{$ninesixty-class-separator}#{$n} {
-      @include grid-width($n, $cols, $gutter-width); } } }
+      @include grid-width($n, $cols, $gutter-width);
+    }
+  }
+}
 
 @mixin grid-prefix($n, $cols: $ninesixty-columns) {
-  padding-left: $ninesixty-grid-width / $cols * $n; }
+  padding-left: $ninesixty-grid-width / $cols * $n;
+}
 
 @mixin grid-prefixes($cols: $ninesixty-columns) {
   @for $n from 1 through $cols - 1 {
     .prefix#{$ninesixty-class-separator}#{$n} {
-      @include grid-prefix($n, $cols); } } }
+      @include grid-prefix($n, $cols);
+    }
+  }
+}
 
 @mixin grid-suffix($n, $cols: $ninesixty-columns) {
-  padding-right: $ninesixty-grid-width / $cols * $n; }
+  padding-right: $ninesixty-grid-width / $cols * $n;
+}
 
 @mixin grid-suffixes($cols: $ninesixty-columns) {
   @for $n from 1 through $cols - 1 {
     .suffix#{$ninesixty-class-separator}#{$n} {
-      @include grid-suffix($n, $cols); } } }
+      @include grid-suffix($n, $cols);
+    }
+  }
+}
 
 @mixin grid-children {
   .alpha {
-    @include alpha; }
+    @include alpha;
+  }
   .omega {
-    @include omega; } }
+    @include omega;
+  }
+}
 
 @mixin grid-move-base {
-  position: relative; }
+  position: relative;
+}
 
 @mixin grid-move-push($n, $cols) {
-  left: $ninesixty-grid-width / $cols * $n; }
+  left: $ninesixty-grid-width / $cols * $n;
+}
 
 @mixin grid-move-pull($n, $cols) {
-  left: -($ninesixty-grid-width / $cols) * $n; }
+  left: -($ninesixty-grid-width / $cols) * $n;
+}
 
 @mixin grid-push($n, $cols: $ninesixty-columns) {
   @include grid-move-base;
-  @include grid-move-push($n, $cols); }
+  @include grid-move-push($n, $cols);
+}
 
 @mixin grid-pull($n, $cols: $ninesixty-columns) {
   @include grid-move-base;
-  @include grid-move-pull($n, $cols); }
+  @include grid-move-pull($n, $cols);
+}
 
 @mixin grid-movements($cols: $ninesixty-columns) {
   #{enumerate(".push", 1, $cols - 1, $ninesixty-class-separator)},
   #{enumerate(".pull", 1, $cols - 1, $ninesixty-class-separator)} {
-    @include grid-move-base; }
+    @include grid-move-base;
+  }
   @for $n from 1 through $cols - 1 {
     .push#{$ninesixty-class-separator}#{$n} {
-      @include grid-move-push($n, $cols); }
+      @include grid-move-push($n, $cols);
+    }
     .pull#{$ninesixty-class-separator}#{$n} {
-      @include grid-move-pull($n, $cols); } } }
+      @include grid-move-pull($n, $cols);
+    }
+  }
+}
 
 @mixin grid-system($cols: $ninesixty-columns) {
   @include grid-container;
@@ -87,8 +119,11 @@
   @include grid-prefixes($cols);
   @include grid-suffixes($cols);
   @include grid-children;
-  @include grid-movements($cols); }
+  @include grid-movements($cols);
+}
 
 @mixin grid-system-complete($cols: $ninesixty-columns) {
   .container#{$ninesixty-class-separator}#{$cols} {
-    @include grid-system($cols); } }
+    @include grid-system($cols);
+  }
+}

data/{app → vendor}/assets/stylesheets/960/_fluid_grid.scss

@@ -4,83 +4,115 @@
   margin-left: $ninesixty-fluid-grid-margin;
   margin-right: $ninesixty-fluid-grid-margin;
   width: $ninesixty-fluid-grid-width;
-  min-width: $ninesixty-fluid-grid-min-width; }
+  min-width: $ninesixty-fluid-grid-min-width;
+}
 
 @mixin fluid-grid-width($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-fluid-gutter-width) {
-  width: 100% / $cols * $n - $gutter-width; }
+  width: 100% / $cols * $n - $gutter-width;
+}
 
 @mixin fluid-grid-unit-base($gutter-width: $ninesixty-fluid-gutter-width) {
   display: inline;
   float: left;
   margin: {
     left: $gutter-width / 2;
-    right: $gutter-width / 2; }; }
+    right: $gutter-width / 2;
+  };
+}
 
 @mixin fluid-grid($n, $cols: $ninesixty-columns, $gutter-width: $ninesixty-fluid-gutter-width) {
   @include fluid-grid-unit-base($gutter-width);
-  @include fluid-grid-width($n, $cols, $gutter-width); }
+  @include fluid-grid-width($n, $cols, $gutter-width);
+}
 
 @mixin alpha {
-  margin-left: 0; }
+  margin-left: 0;
+}
 
 @mixin omega {
-  margin-right: 0; }
+  margin-right: 0;
+}
 
 @mixin fluid-grids($cols: $ninesixty-columns, $gutter-width: $ninesixty-fluid-gutter-width) {
-  #{enumerate(".fluid_grid", 1, $cols, $ninesixty-class-separator)} {
-    @include fluid-grid-unit-base($gutter-width); }
+  #{enumerate(".fluid" + $ninesixty-class-separator + "grid", 1, $cols, $ninesixty-class-separator)} {
+    @include fluid-grid-unit-base($gutter-width);
+  }
   @for $n from 1 through $cols {
-    .fluid-grid#{$ninesixty-class-separator}#{$n} {
-      @include fluid-grid-width($n, $cols, $gutter-width); } } }
+    .fluid#{$ninesixty-class-separator}grid#{$ninesixty-class-separator}#{$n} {
+      @include fluid-grid-width($n, $cols, $gutter-width);
+    }
+  }
+}
 
 @mixin fluid-grid-prefix($n, $cols: $ninesixty-columns) {
-  padding-left: $ninesixty-fluid-grid-width / $cols * $n; }
+  padding-left: $ninesixty-fluid-grid-width / $cols * $n;
+}
 
 @mixin fluid-grid-prefixes($cols: $ninesixty-columns) {
   @for $n from 1 through $cols - 1 {
     .prefix#{$ninesixty-class-separator}#{$n} {
-      @include fluid-grid-prefix($n, $cols); } } }
+      @include fluid-grid-prefix($n, $cols);
+    }
+  }
+}
 
 @mixin fluid-grid-suffix($n, $cols: $ninesixty-columns) {
-  padding-right: $ninesixty-fluid-grid-width / $cols * $n; }
+  padding-right: $ninesixty-fluid-grid-width / $cols * $n;
+}
 
 @mixin fluid-grid-suffixes($cols: $ninesixty-columns) {
   @for $n from 1 through $cols - 1 {
     .suffix#{$ninesixty-class-separator}#{$n} {
-      @include fluid-grid-suffix($n, $cols); } } }
+      @include fluid-grid-suffix($n, $cols);
+    }
+  }
+}
 
 @mixin fluid-grid-children {
   .alpha {
-    @include alpha; }
+    @include alpha;
+  }
   .omega {
-    @include omega; } }
+    @include omega;
+  }
+}
 
 @mixin fluid-grid-move-base {
-  position: relative; }
+  position: relative;
+}
 
 @mixin fluid-grid-move-push($n, $cols) {
-  left: $ninesixty-fluid-grid-width / $cols * $n; }
+  left: $ninesixty-fluid-grid-width / $cols * $n;
+}
 
 @mixin fluid-grid-move-pull($n, $cols) {
-  left: -($ninesixty-fluid-grid-width / $cols) * $n; }
+  left: -($ninesixty-fluid-grid-width / $cols) * $n;
+}
 
 @mixin fluid-grid-push($n, $cols: $ninesixty-columns) {
   @include fluid-grid-move-base;
-  @include fluid-grid-move-push($n, $cols); }
+  @include fluid-grid-move-push($n, $cols);
+}
 
 @mixin fluid-grid-pull($n, $cols: $ninesixty-columns) {
   @include fluid-grid-move-base;
-  @include fluid-grid-move-pull($n, $cols); }
+  @include fluid-grid-move-pull($n, $cols);
+}
 
 @mixin fluid-grid-movements($cols: $ninesixty-columns) {
   #{enumerate(".push", 1, $cols - 1, $ninesixty-class-separator)},
   #{enumerate(".pull", 1, $cols - 1, $ninesixty-class-separator)} {
-    @include fluid-grid-move-base; }
+    @include fluid-grid-move-base;
+  }
   @for $n from 1 through $cols - 1 {
     .push#{$ninesixty-class-separator}#{$n} {
-      @include fluid-grid-move-push($n, $cols); }
+      @include fluid-grid-move-push($n, $cols);
+    }
     .pull#{$ninesixty-class-separator}#{$n} {
-      @include fluid-grid-move-pull($n, $cols); } } }
+      @include fluid-grid-move-pull($n, $cols);
+    }
+  }
+}
 
 @mixin fluid-grid-system($cols: $ninesixty-columns) {
   @include fluid-grid-container;
@@ -88,8 +120,11 @@
   @include fluid-grid-prefixes($cols);
   @include fluid-grid-suffixes($cols);
   @include fluid-grid-children;
-  @include fluid-grid-movements($cols); }
+  @include fluid-grid-movements($cols);
+}
 
 @mixin fluid-grid-system-complete($cols: $ninesixty-columns) {
-  .fluid_container#{$ninesixty-class-separator}#{$cols} {
-    @include fluid-grid-system($cols); } }
+  .fluid#{$ninesixty-class-separator}container#{$ninesixty-class-separator}#{$cols} {
+    @include fluid-grid-system($cols);
+  }
+}

data/{app → vendor}/assets/stylesheets/960/_text.scss

@@ -12,23 +12,32 @@
     clear: both;
     height: 0; }
   h1 {
-    font-size: 1.667px; }
+    font-size: 1.667px;
+  }
   h2 {
-    font-size: 1.533px; }
+    font-size: 1.533px;
+  }
   h3 {
-    font-size: 1.4em; }
+    font-size: 1.4em;
+  }
   h4 {
-    font-size: 1.267em; }
+    font-size: 1.267em;
+  }
   h5 {
-    font-size: 1.133em; }
+    font-size: 1.133em;
+  }
   h6 {
-    font-size: 1em; }
+    font-size: 1em;
+  }
   ol {
-    list-style: decimal; }
+    list-style: decimal;
+  }
   ul {
-    list-style: square; }
+    list-style: square;
+  }
   li {
-    margin-left: 30px; }
+    margin-left: 30px;
+  }
   p,
   dl,
   hr,
@@ -44,4 +53,6 @@
   table,
   address,
   fieldset {
-    margin-bottom: 20px; } }
+    margin-bottom: 20px;
+  }
+}

data/{app → vendor}/assets/stylesheets/960/_variables.scss

@@ -1,7 +1,7 @@
 // Global use variables
 $ninesixty-class-separator: "_" !default;
 $ninesixty-columns: 12 !default;
-$ninesixty-font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif !default;
+$ninesixty-font-family: Helvetica, Arial, 'Liberation Sans', 'FreeSans', sans-serif !default;
 $ninesixty-font-size: 10pt/1.5 !default;
 
 // Fixed grid variables

metadata

@@ -1,12 +1,10 @@
 --- !ruby/object:Gem::Specification
 name: sass-960gs
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
   prerelease: 
 platform: ruby
 authors:
-- Chris Eppstein
-- Matt Sanders
 - Łukasz Niemier
 autorequire: 
 bindir: bin
@@ -16,20 +14,21 @@ dependencies: []
 description: The 960 Grid System is an effort to streamline web development workflow
   by providing commonly used dimensions, based on a width of 960 pixels. http://960.gs/
 email:
-- chris@eppsteins.net
-- matt@modal.org
 - lukasz@niemier.pl
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- .gitignore
+- LICENSE.md
 - README.md
+- changelog.txt
 - sass-960gs.gemspec
-- app/assets/stylesheets/_960.scss
-- app/assets/stylesheets/960/_fixed_grid.scss
-- app/assets/stylesheets/960/_fluid_grid.scss
-- app/assets/stylesheets/960/_text.scss
-- app/assets/stylesheets/960/_variables.scss
+- vendor/assets/stylesheets/960/_fixed_grid.scss
+- vendor/assets/stylesheets/960/_fluid_grid.scss
+- vendor/assets/stylesheets/960/_text.scss
+- vendor/assets/stylesheets/960/_variables.scss
+- vendor/assets/stylesheets/_960.gs.scss
 homepage: https://github.com/Hauleth/sass-960gs
 licenses: []
 post_install_message: