singularity-golden-grid 1.1

data/lib/singularity-golden-grid.rb

@@ -0,0 +1,9 @@
+require 'singularitygs'
+
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('sggs', :path => extension_path)
+
+module GoldenGrid
+  VERSION = "1.1"
+  DATE = "2013-09-01"
+end

data/stylesheets/_singularity-golden-grid.scss

@@ -0,0 +1,4 @@
+@import 'sggs/variables';
+@import 'sggs/normalize';
+@import 'sggs/grid';
+

data/stylesheets/sggs/_grid.scss

@@ -0,0 +1,152 @@
+%grid-container {
+  margin: 0 $grid-column-size;
+}
+
+// Mixins
+@mixin grid-container {
+  @extend %grid-container;
+}
+
+@mixin grid-column($n: 1) {
+  @include float-span($n);
+}
+
+// Grids
+
+/**
+ *
+ *  Four-column grid active
+ *  ----------------------------------------
+ *  Margin   | #  1   2   3   4   |   Margin
+ *  5.55555% | %  25  50  75  100 | 5.55555%
+ *
+ */
+$grids: 4;
+$gutters: $grid-gutters-width;
+$gutter-styles: split;
+
+@include breakpoint(640px) {
+  html {
+    // Zoom baseline grid to 17/16 = 1.0625
+    font-size: (($base-font-size + 1) / $base-font-size) * 1em;
+  }
+}
+
+/*
+*
+*  Eight-column grid active
+*  ----------------------------------------------------------------------
+*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
+*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
+*
+*
+*/
+$grids: add-grid(8 at 720px);
+
+@include breakpoint(720px) {
+  html {
+    // Reset baseline grid to 16/16 = 1
+    font-size: 1em;
+  }
+}
+
+@include breakpoint(888px) {
+  html {
+    // Zoom baseline grid to 17/16 = 1.0625
+    font-size: (($base-font-size + 1) / $base-font-size) * 1em;
+  }
+}
+
+@include breakpoint(984px) {
+  html {
+    // Reset baseline grid to 16/16 = 1.0
+    font-size: 1em;
+  }
+
+  //%grid-container {
+  //  margin: 0 $grid-column-size * 3;
+  //}
+}
+
+@include breakpoint(1200px) {
+  html {
+    // Zoom baseline grid to 17/16 = 1.0625
+    font-size: (($base-font-size + 1) / $base-font-size) * 1em;
+  }
+}
+
+
+@include breakpoint(1392px) {
+  html {
+    // Reset baseline grid to 16/16 = 1.0
+    font-size: 1em;
+  }
+
+  .container {
+    margin: 0 $grid-column-size * 3;
+  }
+}
+
+@include breakpoint(1680px) {
+  html {
+    // Zoom baseline grid to 17/16 = 1.0625
+    font-size: (($base-font-size + 1) / $base-font-size) * 1em;
+  }
+}
+
+/*
+*
+*  Sixteen-column grid active
+*  ----------------------------------------------------------------------------------------------------------------------
+*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
+*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
+*
+*
+*/
+$grids: add-grid(16 at 1872px);
+@include breakpoint(1872px) {
+  %grid-container {
+    margin: 0 $grid-column-size * 3;
+  }
+}
+
+@include breakpoint(2080px) {
+  html {
+    // Zoom baseline grid to 18/16 = 1.125
+    font-size: (($base-font-size + 2) / $base-font-size) * 1em;
+    max-width: (2560/$base-font-size) * 1em;
+  }
+  %grid-container {
+    margin: 0 $grid-column-size * 4;
+  }
+}
+
+@include breakpoint(2496px) {
+  // Zoom baseline grid to 18/16 = 1.125
+  html {
+    font-size: (($base-font-size + 2) / $base-font-size) * 1em;
+  }
+}
+
+@include breakpoint(3216px) {
+  %grid-container {
+    margin: 0 $grid-column-size * 5;
+  }
+}
+
+@include breakpoint(4104px) {
+  html {
+    // Zoom baseline grid to 19/16 = 1.1875
+    font-size: (($base-font-size + 3) / $base-font-size) * 1em;
+  }
+}
+
+@include breakpoint(4440px) {
+  html {
+    max-width: 5120px;
+  }
+  %grid-container {
+    margin: 0 $grid-column-size * 7;
+  }
+}
+

data/stylesheets/sggs/_variables.scss

@@ -0,0 +1,12 @@
+// Typography
+$base-font-size: 16 !default;
+$base-line-height: 24 !default;
+
+// Breakpoint config
+$breakpoint-to-ems: true !default;
+
+// Grids
+$grid-column-num: 18 !default;
+$grid-column-size: 100% / $grid-column-num !default;
+$grid-gutters-width: $base-line-height/$base-font-size * 1em !default;
+

data/stylesheets/sggs/normalize.scss

@@ -0,0 +1,7 @@
+*, *:before, *:after {
+  @include box-sizing(border-box);
+}
+html {
+  font-size: $base-font-size / 16 * 1em;
+  line-height: #{$base-line-height / $base-font-size}em;
+}

metadata

@@ -0,0 +1,83 @@
+--- !ruby/object:Gem::Specification
+name: singularity-golden-grid
+version: !ruby/object:Gem::Version
+  version: '1.1'
+  prerelease: 
+platform: ruby
+authors:
+- Dmitry Zelenetskiy
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-09-01 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.1
+- !ruby/object:Gem::Dependency
+  name: singularitygs
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 1.1.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 1.1.1
+description: Singularity golden grid system implementation
+email:
+- dmitry.zelenetskiy@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/singularity-golden-grid.rb
+- stylesheets/sggs/normalize.scss
+- stylesheets/sggs/_grid.scss
+- stylesheets/sggs/_variables.scss
+- stylesheets/_singularity-golden-grid.scss
+homepage: https://github.com/hunterman/singularity-golden-grid
+licenses:
+- Apache2
+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.6
+requirements: []
+rubyforge_project: singularity-golden-grid
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Singularity golden grid system implementation
+test_files: []