manhattan-sass 0.4.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5471cc8acc3915b60d9eb0087e771558f45a6674
+  data.tar.gz: deefa2e93e901bf705b854f1ea6fe6be4ca59cbb
+SHA512:
+  metadata.gz: 10572e9abb606002610134d7779ef5389d74f9b3d619730553a3f64b05aeb2707a80cdc25926a59e11866d3cf57ccbf53acf38085485cd3b9dc1913de39ce049
+  data.tar.gz: 87d88e4be8318c4aa01893b8a575d95c4bbc3a9d114e1b1b45add9c37848fa7f75efa4ed88bea7b26f4127a444d2f0a8f002fb06d4ffea1a8f5f10e34f7aa6c3

data/.gitignore

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

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in manhattan.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 John Koht
+
+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/README.md

@@ -0,0 +1,26 @@
+# [Manhattan](http://kohactive.github.io/manhattan/)
+
+Manhattan is a powerful, mobile-first responsive framework built on top of Bourbon Neat. It's similar to Bootstrap 3 in syntax and usage but approachs the grid system differently.
+
+## Usage
+
+TODO: Write usage instructions here
+
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'manhattan', github: 'kohactive/manhattan'
+
+And then execute:
+
+    $ bundle
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/stylesheets/manhattan.sass

@@ -0,0 +1,11 @@
+// Add Bourbon Neat
+@import bourbon
+@import neat
+
+// Grid Variables
+@import manhattan/variables
+
+// Mixins and the grid
+@import manhattan/mixins
+@import manhattan/grid
+@import manhattan/utilities

data/app/assets/stylesheets/manhattan/_grid.sass

@@ -0,0 +1,161 @@
+// Grid
+// ------------------------------------------------------
+
+
+// Containers, row and general column
+// --------------------------------------
+
+// Main containers
+.container
+  @include outer-container
+
+// Rows
+.row
+  @include row()
+
+// A basic column without a defined width or height
+.col
+  float: left
+  display: inline-block
+
+[class^="col-"],
+[class*=" col-"]
+  padding: $col-padding
+
+
+// Grid columns
+// --------------------------------------
+
+// Common styles for small and large grid columns
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12,
+.col-sm-1,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12,
+.col-md-1,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-md-10,
+.col-md-11,
+.col-md-12,
+.col-lg-1,
+.col-lg-2,
+.col-lg-3,
+.col-lg-4,
+.col-lg-5,
+.col-lg-6,
+.col-lg-7,
+.col-lg-8,
+.col-lg-9,
+.col-lg-10,
+.col-lg-11,
+.col-lg-12
+  position: relative
+  // Prevent columns from collapsing when empty
+  min-height: 1px
+
+
+@if $responsive == true
+
+  // Extra small grid, i.e. phones
+  // --------------------------------------
+  @include grid-core(xs)
+
+  // Create the omega core for max-width
+  @include media(max-width $screen-xs-max)
+    @include omega-core(xs)
+    
+
+
+  // Small Grid for tablets and large phones
+  // --------------------------------------
+  @include media(min-width $screen-sm)
+    .container
+      max-width: $screen-sm
+    @include grid-core(sm)
+
+  // Create the omega core
+  @include media(min-width $screen-sm max-width $screen-sm-max)
+    @include omega-core(sm)
+
+
+
+  // Medium grid for smaller computers
+  // --------------------------------------
+  @include media(min-width $screen-md)
+    .container
+      max-width: $screen-md
+    @include grid-core(md)
+
+  // Create the omega core for the screen size
+  @include media(min-width $screen-md max-width $screen-lg)
+    @include omega-core(md)
+
+
+
+// Large grid for large computers
+// --------------------------------------
+@if $responsive == true
+  @include media(min-width $screen-lg)
+    // Set .container to become an outer-container with a max-width
+    .container
+      @include outer-container
+  
+    // Create the grid
+    @include grid-core(lg)
+    // Create the omega core
+    @include omega-core(lg)
+
+@else
+  
+  // Set .container to become an outer-container with a max-width
+  .container
+    @include outer-container
+
+  .hadouken
+    font-size: 12px
+  
+  // Create the grid
+  @include grid-core(lg)
+  // Create the omega core
+  @include omega-core(lg)
+  
+  // For convenience purposes, let's create all size columns so that
+  // we can eventually roll out responsive without having to refactor
+  // everything
+  @include grid-core(xs)
+  // Create the omega core
+  @include omega-core(xs)
+
+  @include grid-core(sm)
+  // Create the omega core
+  @include omega-core(sm)
+
+  @include grid-core(md)
+  // Create the omega core
+  @include omega-core(md)

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

@@ -0,0 +1,63 @@
+// Mixins
+// ------------------------------------------------------
+
+// Create the grid for a given size
+// This will loop over the number of columns and create a css class
+// for each. If it's the last gride size, then let's not add a float
+@mixin grid-core($size)
+  @for $i from 1 through $grid-columns
+    .col-#{$size}-#{$i}
+      @include span-columns($i)
+
+    
+    // If it's not the screen-xs, then let's add push and pull helper classes
+    @if $size != "xs"
+      .col-#{$size}-push-#{$i}
+        left: flex-grid($i, $grid-columns) + flex-gutter($grid-columns)
+      .col-#{$size}-pull-#{$i}
+        right: flex-grid($i, $grid-columns) + flex-gutter($grid-columns)
+
+
+    // Create the collapse classes, i.e., .col-lg-collapse-2
+    .col-#{$size}-collapse-#{$i}
+      // @include span-columns($i, gutterless)
+      @include span-columns-gutterless($i)
+
+
+    // Offsetting, i.e., .col-sm-offset-2
+    .col-#{$size}-offset-#{$i}
+      @include shift($i)
+
+  // Create columns centering for the given size
+  .col-#{$size}-centered
+    margin-left: auto !important
+    margin-right: auto !important
+    float: none !important
+
+
+// Omega Core builder
+@mixin omega-core($size)
+  @for $i from 1 through $grid-columns
+    .omega-#{$size}-#{$i}
+      > [class^="col-"],
+      > [class*=" col-"]
+        @include omega(#{$i}n)
+
+
+// Thoughtbot doesn't want to add a gutterless display type for 
+// span columns so we'll use this mixin for now. This will create
+// equal column widths without any margin/gutters
+@mixin span-columns-gutterless($span: $columns of $container-columns) 
+  $columns: nth($span, 1)
+  $container-columns: container-span($span)
+
+  $direction: get-direction($layout-direction, $default-layout-direction)
+  $opposite-direction: get-opposite-direction($direction)
+
+  display: block
+  float: #{$opposite-direction}
+  
+  width: percentage($columns / $container-columns)
+     
+  &:last-child
+    width: percentage($columns / $container-columns)

data/app/assets/stylesheets/manhattan/_utilities.sass

@@ -0,0 +1,24 @@
+// Spacing
+// ------------------------
+
+.padless
+  @include pad(0)
+
+.omega
+  @include omega()
+
+
+
+
+
+// Floats
+// ------------------------
+
+.clearfix
+  @include clearfix
+
+.pull-right
+  float: right
+
+.pull-left
+  float: left

data/app/assets/stylesheets/manhattan/_variables.sass

@@ -0,0 +1,42 @@
+// Grid system
+// --------------------------------------------------
+
+// Number of columns in the grid system
+$grids-columns:              12 !default
+// Padding, to be divided by two and applied to the left and right of all columns
+$gutter:                     golden-ratio(1em, 1) !default
+
+$max-width:                  1200px !default
+
+$col-padding:                10px !default
+
+// Turn responsive on or off
+$responsive:                 true !default
+
+// Responsive Breakpoints
+// ------------------------------------------------------
+
+$screen-xs:                  480px !default
+$screen-xs-min:              $screen-xs !default
+$screen-phone:               $screen-xs-min !default
+
+// Small screen / tablet
+$screen-sm:                  768px !default
+$screen-sm-min:              $screen-sm !default
+$screen-tablet:              $screen-sm-min !default
+
+// Medium screen / desktop
+$screen-md:                  992px !default
+$screen-md-min:              $screen-md !default
+$screen-desktop:             $screen-md-min !default
+
+// Large screen / wide desktop
+$screen-lg:                  1200px !default
+$screen-lg-min:              $screen-lg !default
+$screen-lg-desktop:          $screen-lg-min !default
+$max-width:                  $screen-lg !default
+
+// So media queries don't overlap when required, provide a maximum
+$screen-xs-max:              ($screen-sm-min - 1) !default
+$screen-sm-max:              ($screen-md-min - 1) !default
+$screen-md-max:              ($screen-lg-min - 1) !default

data/lib/manhattan.rb

@@ -0,0 +1,15 @@
+require "bourbon"
+require "neat"
+require "manhattan/version"
+
+unless defined?(Sass)
+  require 'sass'
+end
+
+module Manhattan
+  if defined?(Rails) && defined?(Rails::Engine)
+    require "manhattan/engine"
+  else
+    Sass.load_paths << File.expand_path("../../app/assets/stylesheets", __FILE__)
+  end
+end

data/lib/manhattan/engine.rb

@@ -0,0 +1,4 @@
+module Manhattan
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/manhattan/version.rb

@@ -0,0 +1,3 @@
+module Manhattan
+  VERSION = "0.4.3"
+end

data/manhattan.gemspec

@@ -0,0 +1,27 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'manhattan/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "manhattan-sass"
+  spec.version       = Manhattan::VERSION
+  spec.authors       = ["John Koht", "Andy Richardson"]
+  spec.email         = ["john@kohactive.com", "andy@kohactive.com"]
+  spec.description   = "A powerful, mobile-first responsive framework built on Bourbon Neat."
+  spec.summary       = "A powerful, mobile-first responsive framework built on Bourbon Neat."
+  spec.homepage      = "https://github.com/johnkoht/manhattan"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+
+  spec.add_dependency "bourbon", "~> 4.2"
+  spec.add_dependency "neat", "~> 1.7"
+  spec.add_dependency "sass", "~> 3.4"
+end

metadata

@@ -0,0 +1,130 @@
+--- !ruby/object:Gem::Specification
+name: manhattan-sass
+version: !ruby/object:Gem::Version
+  version: 0.4.3
+platform: ruby
+authors:
+- John Koht
+- Andy Richardson
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-01-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bourbon
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+- !ruby/object:Gem::Dependency
+  name: neat
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.4'
+description: A powerful, mobile-first responsive framework built on Bourbon Neat.
+email:
+- john@kohactive.com
+- andy@kohactive.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/stylesheets/manhattan.sass
+- app/assets/stylesheets/manhattan/_grid.sass
+- app/assets/stylesheets/manhattan/_mixins.sass
+- app/assets/stylesheets/manhattan/_utilities.sass
+- app/assets/stylesheets/manhattan/_variables.sass
+- lib/manhattan.rb
+- lib/manhattan/engine.rb
+- lib/manhattan/version.rb
+- manhattan.gemspec
+homepage: https://github.com/johnkoht/manhattan
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.6
+signing_key: 
+specification_version: 4
+summary: A powerful, mobile-first responsive framework built on Bourbon Neat.
+test_files: []