fishnet 1.0.1

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+*.log
+.bundle
+.config
+.yardoc
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,8 @@
+source 'https://rubygems.org'
+
+gemspec
+
+# For Heroku deployment - doesn't pick up the development dependencies from the gemspec
+gem 'thin'
+gem 'haml-rails'
+gem 'jquery-rails'

data/Gemfile.lock

@@ -0,0 +1,115 @@
+PATH
+  remote: .
+  specs:
+    Fishnet (0.0.1)
+      rails (>= 3.1.0)
+      sass-rails
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actionmailer (3.2.3)
+      actionpack (= 3.2.3)
+      mail (~> 2.4.4)
+    actionpack (3.2.3)
+      activemodel (= 3.2.3)
+      activesupport (= 3.2.3)
+      builder (~> 3.0.0)
+      erubis (~> 2.7.0)
+      journey (~> 1.0.1)
+      rack (~> 1.4.0)
+      rack-cache (~> 1.2)
+      rack-test (~> 0.6.1)
+      sprockets (~> 2.1.2)
+    activemodel (3.2.3)
+      activesupport (= 3.2.3)
+      builder (~> 3.0.0)
+    activerecord (3.2.3)
+      activemodel (= 3.2.3)
+      activesupport (= 3.2.3)
+      arel (~> 3.0.2)
+      tzinfo (~> 0.3.29)
+    activeresource (3.2.3)
+      activemodel (= 3.2.3)
+      activesupport (= 3.2.3)
+    activesupport (3.2.3)
+      i18n (~> 0.6)
+      multi_json (~> 1.0)
+    arel (3.0.2)
+    builder (3.0.0)
+    daemons (1.1.8)
+    erubis (2.7.0)
+    eventmachine (0.12.10)
+    haml (3.1.4)
+    haml-rails (0.3.4)
+      actionpack (~> 3.0)
+      activesupport (~> 3.0)
+      haml (~> 3.0)
+      railties (~> 3.0)
+    hike (1.2.1)
+    i18n (0.6.0)
+    journey (1.0.3)
+    jquery-rails (2.0.2)
+      railties (>= 3.2.0, < 5.0)
+      thor (~> 0.14)
+    json (1.6.6)
+    mail (2.4.4)
+      i18n (>= 0.4.0)
+      mime-types (~> 1.16)
+      treetop (~> 1.4.8)
+    mime-types (1.18)
+    multi_json (1.3.2)
+    polyglot (0.3.3)
+    rack (1.4.1)
+    rack-cache (1.2)
+      rack (>= 0.4)
+    rack-ssl (1.3.2)
+      rack
+    rack-test (0.6.1)
+      rack (>= 1.0)
+    rails (3.2.3)
+      actionmailer (= 3.2.3)
+      actionpack (= 3.2.3)
+      activerecord (= 3.2.3)
+      activeresource (= 3.2.3)
+      activesupport (= 3.2.3)
+      bundler (~> 1.0)
+      railties (= 3.2.3)
+    railties (3.2.3)
+      actionpack (= 3.2.3)
+      activesupport (= 3.2.3)
+      rack-ssl (~> 1.3.2)
+      rake (>= 0.8.7)
+      rdoc (~> 3.4)
+      thor (~> 0.14.6)
+    rake (0.9.2.2)
+    rdoc (3.12)
+      json (~> 1.4)
+    sass (3.1.15)
+    sass-rails (3.2.5)
+      railties (~> 3.2.0)
+      sass (>= 3.1.10)
+      tilt (~> 1.3)
+    sprockets (2.1.2)
+      hike (~> 1.2)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    thin (1.3.1)
+      daemons (>= 1.0.9)
+      eventmachine (>= 0.12.6)
+      rack (>= 1.0.0)
+    thor (0.14.6)
+    tilt (1.3.3)
+    treetop (1.4.10)
+      polyglot
+      polyglot (>= 0.3.1)
+    tzinfo (0.3.33)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  Fishnet!
+  haml-rails
+  jquery-rails
+  thin

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Matthew Kitt
+
+MIT License
+
+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.
+
+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.

data/Procfile

@@ -0,0 +1,2 @@
+web: bundle exec thin start -p $PORT
+

data/README.md

@@ -0,0 +1,2 @@
+wip: nothing to see here
+

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/app/assets/javascripts/fishnet_styleguide.js

@@ -0,0 +1,30 @@
+
+/* VENDOR ASSETS */
+//= require jquery
+
+(function() {
+  var dimensions = $('#page_dimensions')
+
+  // enable nice looking pre tags
+  window.prettyPrint && prettyPrint()
+
+  // Set the inner contents of the page width right away
+  dimensions.html(window.innerWidth + 'px')
+
+  // Report the size of the viewport to the page info element
+  window.onresize = function(e) {
+    dimensions.html(window.innerWidth + 'px')
+  }
+
+  $('#structure_toggler').on('click', function(e) {
+    e.preventDefault()
+    $('#the_structures').toggleClass('in')
+  })
+
+  $('#example_toggler').on('click', function(e) {
+    e.preventDefault()
+    $('#the_example').toggleClass('in')
+  })
+
+}())
+

data/app/assets/stylesheets/fishnet.sass

@@ -0,0 +1,3 @@
+@import fishnet/settings
+@import fishnet/functions
+@import fishnet/mixins

data/app/assets/stylesheets/fishnet/_functions.sass

@@ -0,0 +1,42 @@
+
+// Calculations based on the [semantic grid system](http://semantic.gs/)
+
+// Utility function for measuring the width of the `standard` grid
+@function gridsystem_width($columns:$columns)
+  @return ($column-width * $columns) + ($gutter-width * $columns)
+
+// Utility function for measuring the width of the grid when using `push/pull` columns
+@function gridsystem_half_width($columns:$columns)
+  @return ($column-width * $columns) + (($gutter-width * .5) * $columns)
+
+// Utility function for measuring the width of the grid when using `full` columns
+@function gridsystem_full_width($columns:$columns)
+  @return ($column-width * $columns)
+
+
+// Returns the width of the column within a `standard` grid
+@function column_width($x, $columns:$columns)
+  @return $total-width * (((($gutter-width + $column-width) * $x) - $gutter-width) / gridsystem_width($columns))
+
+// Returns the width of the column within a `pull` grid
+@function column_pull_width($x, $columns:$columns)
+  $_half: $gutter-width * .5
+  @return $total-width * (((($_half + $column-width) * $x) - $_half) / gridsystem_half_width($columns))
+
+// Returns the width of the column within a `push` grid
+@function column_push_width($x, $columns:$columns)
+  @return column_pull_width($x, $columns)
+
+// Returns the width of the column within a `full` grid
+@function column_full_width($x, $columns:$columns)
+  @return $total-width * (((($column-width) * $x)) / gridsystem_full_width($columns))
+
+// Returns the width of the `offset` used in the grid
+@function offset_width($offset:0)
+  $_half: $gutter-width * .5
+  @return $total-width * ((($gutter-width + $column-width) * $offset) / gridsystem_width($columns)) + $total-width * ($_half / gridsystem_width($columns))
+
+// Returns the width of spacing between columns
+@function gutter_space($columns:$columns)
+  @return $total-width * (($gutter-width * .5) / gridsystem_width($columns))
+

data/app/assets/stylesheets/fishnet/_mesh.sass

@@ -0,0 +1,72 @@
+
+// Convenience mixins for generating various non-semantic `column` classes. Generally used in quick prototypes.
+
+// _Use these sparingly, as they can quickly create a lot of classes in your compiled CSS_
+// _For instance if only using typical `column` classes (`standard`, `push`, `pull`, `full`) with 12 columns, would equate to 48 classes_
+
+
+// ### Typical Columns
+
+@mixin add-column-classes($name: "col", $columns:$columns)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column($i, $columns)
+
+@mixin add-column-pull-classes($name: "col-pull", $columns:$columns, $resize:true)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-pull($i, $columns, $resize)
+
+@mixin add-column-push-classes($name: "col-push", $columns:$columns, $resize:true)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-push($i, $columns, $resize)
+
+@mixin add-column-full-classes($name: "col-full", $columns:$columns)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-full($i, $columns)
+
+
+// ### Offset Columns
+
+@mixin add-column-offset-left-classes($name: "col-offset-left", $columns:$columns)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-offset-left($i, $columns - $i, $columns)
+
+@mixin add-column-offset-left-pull-classes($name: "col-offset-left-pull", $columns:$columns, $resize:true)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-offset-left-pull($i, $columns - $i, $columns, $resize)
+
+@mixin add-column-offset-left-push-classes($name: "col-offset-left-push", $columns:$columns, $resize:true)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-offset-left-push($i, $columns - $i, $columns, $resize)
+
+@mixin add-column-offset-left-full-classes($name: "col-offset-left-full", $columns:$columns)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-offset-left-full($i, $columns - $i, $columns)
+
+@mixin add-column-offset-right-classes($name: "col-offset-right", $columns:$columns)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-offset-right($i, $columns - $i, $columns)
+
+@mixin add-column-offset-right-pull-classes($name: "col-offset-right-pull", $columns:$columns, $resize:true)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-offset-right-pull($i, $columns - $i, $columns, $resize)
+
+@mixin add-column-offset-right-push-classes($name: "col-offset-right-push", $columns:$columns, $resize:true)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-offset-right-push($i, $columns - $i, $columns, $resize)
+
+@mixin add-column-offset-right-full-classes($name: "col-offset-right-full", $columns:$columns)
+  @for $i from 1 through $columns
+    .#{$name}-#{$i}
+      +column-offset-right-full($i, $columns - $i, $columns)
+

data/app/assets/stylesheets/fishnet/_mixins.sass

@@ -0,0 +1,105 @@
+
+// Calculations based on the [semantic grid system](http://semantic.gs/)
+
+// ### Typical Columns
+
+@mixin base-column
+  -moz-box-sizing: border-box
+  -webkit-box-sizing: border-box
+  box-sizing: border-box
+  display: block
+  float: left
+
+@mixin column($x, $columns:$columns)
+  +base-column
+  margin-left: gutter_space($columns)
+  margin-right: gutter_space($columns)
+  width: column_width($x, $columns)
+
+@mixin column-pull($x, $columns:$columns, $resize:true)
+  +base-column
+  margin-left: 0
+  margin-right: gutter_space($columns)
+  @if $resize == true
+    width: column_pull_width($x, $columns)
+  @else
+    width: column_width($x, $columns)
+
+@mixin column-push($x, $columns:$columns, $resize:true)
+  +base-column
+  margin-left: gutter_space($columns)
+  margin-right: 0
+  @if $resize == true
+    width: column_push_width($x, $columns)
+  @else
+    width: column_width($x, $columns)
+
+@mixin column-full($x, $columns:$columns)
+  +base-column
+  margin-left: 0
+  margin-right: 0
+  width: column_full_width($x, $columns)
+
+
+// ### Offset Columns
+
+@mixin column-offset-left($x, $offset:0, $columns:$columns)
+  +base-column
+  margin-left: offset_width($offset)
+  margin-right: gutter_space($columns)
+  width: column_width($x, $columns)
+
+@mixin column-offset-left-pull($x, $offset:0, $columns:$columns, $resize:true)
+  +base-column
+  margin-left: offset_width($offset) - gutter_space($columns)
+  margin-right: gutter_space($columns)
+  @if $resize == true
+    width: column_pull_width($x, $columns)
+  @else
+    width: column_width($x, $columns)
+
+@mixin column-offset-left-push($x, $offset:0, $columns:$columns, $resize:true)
+  +base-column
+  margin-left: offset_width($offset)
+  margin-right: 0
+  @if $resize == true
+    width: column_push_width($x, $columns)
+  @else
+    width: column_width($x, $columns)
+
+@mixin column-offset-left-full($x, $offset:0, $columns:$columns)
+  +base-column
+  margin-left: offset_width($offset) - gutter_space($columns)
+  margin-right: 0
+  width: column_full_width($x, $columns)
+
+@mixin column-offset-right($x, $offset:0, $columns:$columns)
+  +base-column
+  margin-left: gutter_space($columns)
+  margin-right: offset_width($offset)
+  width: column_width($x, $columns)
+
+@mixin column-offset-right-pull($x, $offset:0, $columns:$columns, $resize:true)
+  +base-column
+  margin-left: 0
+  margin-right: offset_width($offset) - gutter_space($columns)
+  @if $resize == true
+    width: column_pull_width($x, $columns)
+  @else
+    width: column_width($x, $columns)
+
+@mixin column-offset-right-push($x, $offset:0, $columns:$columns, $resize:true)
+  +base-column
+  margin-left: gutter_space($columns)
+  margin-right: offset_width($offset) - gutter_space($columns)
+  @if $resize == true
+    width: column_push_width($x, $columns)
+  @else
+    width: column_width($x, $columns)
+
+@mixin column-offset-right-full($x, $offset:0, $columns:$columns)
+  +base-column
+  margin-left: 0
+  margin-right: offset_width($offset) - gutter_space($columns)
+  width: column_full_width($x, $columns)
+

data/app/assets/stylesheets/fishnet/_settings.sass

@@ -0,0 +1,18 @@
+
+// Defaults which can be freely overriden
+$column-width: 60px !default
+$gutter-width: 20px !default
+$columns: 12 !default
+$total-width: 100% !default
+
+// Wrapper around defining the defaults (useful for recalculating a grid for media queries)
+// If using a fixed grid, pass `fixed` or some other random value for `$page-width`
+@mixin grid-settings($page-width:100%, $cols:$columns, $col-width:$column-width, $gut-width:$gutter-width)
+  $columns: $cols
+  $column-width: $col-width
+  $gutter-width: $gut-width
+  @if $page-width == 100%
+    $total-width: 100%
+  @else
+    $total-width: gridsystem_width($columns)
+