stratum 0.2.4 → 0.3.0

data/lib/stratum.rb

@@ -1,73 +1,2 @@
-require_relative 'version.rb'
-require 'pathname'
-require 'fileutils'
-require 'thor'
-
-module Stratum
-	class Generator < Thor
-		map ['-v', '--version'] => :version
-
-		desc 'install', 'Install Stratum (./stratum); `stratum help install` for options'
-		option :path, :type => :string, :aliases => '-p', :banner => './', :desc => 'Installation path'
-		option :force, :aliases => '-f', :type => :boolean, :desc => 'Force installation (overwrite existing)'
-		def install
-			if install_path.exist? && !options[:force]
-				puts "Stratum installation already exists. Use -f to force"
-			else
-				copy_files
-				puts "Stratum installed to #{install_path}"
-			end
-		end
-
-		desc 'update', 'Update Stratum'
-		def update
-			remove(true)
-		end
-
-		desc 'remove', 'Remove Stratum'
-		def remove(replace = false)
-			if stratum_exists?
-				FileUtils.rm_rf("stratum")
-				if replace
-					copy_files
-					puts "Stratum updated"
-				else
-					puts "Stratum has been removed"
-				end
-			else
-				puts "Stratum installation is not found in current directory"
-			end
-		end
-
-		desc 'version', 'Show Stratum version'
-		def version
-			say "Stratum #{Stratum::VERSION}"
-		end
-
-		private
-
-		def stratum_exists?
-			install_path.exist?
-		end
-
-		def install_path
-			@install_path ||= if options[:path]
-				Pathname.new(File.join(options[:path], 'stratum'))
-			else
-				Pathname.new('stratum')
-			end
-		end
-
-		def copy_files
-			FileUtils.mkdir_p(install_path)
-			FileUtils.cp_r(assets_stylesheets, install_path)
-		end
-
-		def assets_stylesheets
-			current_dir = File.dirname(File.dirname(__FILE__))
-			stylesheets = File.join(current_dir, "assets", "stylesheets")
-
-			Dir["#{stylesheets}/*"]
-		end
-	end
-end
+require 'stratum/generator'
+require 'stratum/version'

data/stratum.gemspec

@@ -1,7 +1,7 @@
 # -*- encoding: utf-8 -*-
 
 $:.push File.expand_path("../lib", __FILE__)
-require "version"
+require "stratum/version"
 
 Gem::Specification.new do |s|
   s.name          = 'stratum'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stratum
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.3.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-02-11 00:00:00.000000000 Z
+date: 2013-03-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: thor
-  requirement: &70133679732860 !ruby/object:Gem::Requirement
+  requirement: &70230928584260 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70133679732860
+  version_requirements: *70230928584260
 description: Stratum is a collection of SASS mixins and utilities for your web development
   needs.
 email: tyom@semonov.com
@@ -30,56 +30,45 @@ executables:
 extensions: []
 extra_rdoc_files: []
 files:
+- .editorconfig
 - .gitignore
-- .gitmodules
 - LICENSE
 - README.md
+- assets/stylesheets/_css3.scss
+- assets/stylesheets/_helpers.scss
 - assets/stylesheets/_stratum.scss
-- assets/stylesheets/addons/_dimensions.scss
-- assets/stylesheets/addons/_group.scss
-- assets/stylesheets/addons/_position.scss
-- assets/stylesheets/addons/_vendor-prefix.scss
 - assets/stylesheets/css3/_animation.scss
 - assets/stylesheets/css3/_border-radius.scss
 - assets/stylesheets/css3/_box-sizing.scss
 - assets/stylesheets/css3/_transform.scss
 - assets/stylesheets/css3/_transition.scss
+- assets/stylesheets/css3/_user-select.scss
 - assets/stylesheets/forms/_input-placeholder.scss
-- assets/stylesheets/layout/_grid-functions.scss
-- assets/stylesheets/layout/_grid-guides.scss
-- assets/stylesheets/layout/_grid-mixins.scss
-- assets/stylesheets/layout/_grid-semantics.scss
+- assets/stylesheets/helpers/_box.scss
+- assets/stylesheets/helpers/_dimensions.scss
+- assets/stylesheets/helpers/_group.scss
+- assets/stylesheets/helpers/_icon-map.scss
+- assets/stylesheets/helpers/_icons.scss
+- assets/stylesheets/helpers/_position.scss
+- assets/stylesheets/helpers/_triangle.scss
+- assets/stylesheets/helpers/_vendor-prefix.scss
 - assets/stylesheets/layout/_grid.scss
 - assets/stylesheets/layout/_responsive.scss
+- assets/stylesheets/layout/grid/_functions.scss
+- assets/stylesheets/layout/grid/_guides.scss
+- assets/stylesheets/layout/grid/_mixins.scss
+- assets/stylesheets/layout/grid/_semantics.scss
+- assets/stylesheets/layout/grid/semantics/_core.scss
+- assets/stylesheets/layout/grid/semantics/_nested.scss
+- assets/stylesheets/layout/grid/semantics/_offsets.scss
+- assets/stylesheets/layout/grid/semantics/_overrides.scss
+- assets/stylesheets/layout/grid/semantics/_subdivisions.scss
 - assets/stylesheets/layout/scaffolding.scss
 - bin/stratum
 - lib/stratum.rb
-- lib/version.rb
+- lib/stratum/generator.rb
+- lib/stratum/version.rb
 - stratum.gemspec
-- tests/Gemfile
-- tests/Gemfile.lock
-- tests/Guardfile
-- tests/_config.yml
-- tests/_includes/menu-grids.html
-- tests/_includes/shared-grid-samples.html
-- tests/_layouts/default.html
-- tests/grid/arstechnica.html
-- tests/grid/bbc.html
-- tests/grid/fluid.html
-- tests/grid/guardian.html
-- tests/grid/index.html
-- tests/grid/pixel.html
-- tests/images/arstechnica.png
-- tests/images/bbc.png
-- tests/images/capture.js
-- tests/images/guardian-home.png
-- tests/scss/_mock-block.scss
-- tests/scss/arstechnica.scss
-- tests/scss/bbc.scss
-- tests/scss/fluid-grid.scss
-- tests/scss/guardian.scss
-- tests/scss/main.scss
-- tests/scss/pixel-grid.scss
 homepage: http://rubygems.org/gems/stratum
 licenses: []
 post_install_message: 

data/.gitmodules

@@ -1,3 +0,0 @@
-[submodule "tests/vendor/livereload-js"]
-	path = tests/vendor/livereload-js
-	url = git@github.com:tyom/livereload-js.git

data/assets/stylesheets/layout/_grid-guides.scss

@@ -1,93 +0,0 @@
-// Grid debugging tools: Guides
-// ============================================================================
-
-// Guides rely on `::before` pseudo element so the will only work on elements
-// that don't already use it (e.g. not `group(true)`)
-
-// Draws grid guides
-@mixin grid-render-guides($grid-size: $grid-size, $grid-type: $grid-type) {
-
-  $v-block-size: 8;
-
-  // Pixel grid default values
-  $v-column-gutter: grid-column-gutter();
-  $v-column-width:  grid-column-width();
-  $v-column-relative-width: grid-column-gutter() + grid-column-width();
-
-  @if $grid-type == fluid {
-    // Calculate gutter to column ratio
-    $v-gutter-ratio: $v-column-gutter / ($v-column-width + $v-column-gutter);
-    // Calculate column to grid width ratio
-    // not entirely sure where $v-column-gutter/3 magic number comes from, but it's necessary to make it work
-    $v-column-ratio: ($v-column-width + $v-column-gutter) / ($grid-size - $v-column-gutter / 3);
-
-    // Reset column size with percentages
-    $v-column-gutter: percentage($v-gutter-ratio);
-    $v-column-width: 100 - percentage($v-gutter-ratio);
-    $v-column-relative-width: percentage($v-column-ratio);
-  }
-
-  $v-column-gutter:  $v-column-width + $v-column-gutter;
-  $v-block-height: (($grid-baseline + 1) * $v-block-size) + $grid-baseline;
-
-  position: relative;
-
-  &:before {
-    content: " ";
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-
-    background:
-      // Baseline (v-rhythm)
-      -webkit-linear-gradient(
-        transparent $grid-baseline,
-        rgba(white, $grid-guides-opacity) $grid-baseline),
-      // Columns
-      -webkit-linear-gradient(left,
-        rgba($grid-guides-color, $grid-guides-opacity),
-        rgba($grid-guides-color, $grid-guides-opacity) $v-column-width,
-        transparent $v-column-width,
-        transparent $v-column-gutter),
-      // Blocks
-      -webkit-linear-gradient(
-        transparent ($v-block-height - $grid-baseline),
-        rgba(white, $grid-guides-opacity / 1.2) $grid-baseline),
-      // Base colour
-      -webkit-linear-gradient(
-        rgba($grid-guides-color, $grid-guides-opacity),
-        rgba($grid-guides-color, $grid-guides-opacity));
-
-    background-size:
-      $v-column-gutter $grid-baseline + 1,     // v-rhythm
-      $v-column-relative-width 10px,           // column
-      $v-column-gutter ($v-block-height + 1);  // block
-  }
-}
-
-// Show grid guides on all grid containers
-@mixin GRID-GUIDES($position: back) {
-  %l-container {
-    @include show-grid-guides($position);
-  }
-}
-
-// Show grid guide on element
-@mixin show-grid-guides($position: back) {
-  @include grid-render-guides($grid-size);
-
-  &::before {
-    // Grid placement (back by default)
-    @if $position == front {
-      z-index: 999;
-    } @else {
-      z-index: -1;
-    }
-  }
-
-  %l-container::before {
-    content: none;
-  }
-}

data/assets/stylesheets/layout/_grid-mixins.scss

@@ -1,79 +0,0 @@
-@import "grid-functions";
-
-// Grid initialisation
-// -------------------
-$grid-gutter:         grid-column-gutter();
-$grid-half-gutter:    $grid-gutter / 2;
-$grid-column:         grid-column-width();
-
-
-// Mixins
-// ------
-
-// Grid container to set grid bounds
-@mixin grid-container($width: $grid-size) {
-  @include box-sizing(content-box);
-  @include group;
-  width: $width;
-  margin: {
-    left: auto;
-    right: auto;
-  }
-}
-
-// Grid row
-// $type: <pixel|fluid>
-@mixin grid-row($type: $grid-type) {
-  @include group;
-  @include grid-column-margins($type, -1);
-  clear: both;
-}
-
-// Converts into grid column
-// $variation - can be normal, last, end, inner or centered
-@mixin grid-column($type: $grid-type) {
-  @include box-sizing(border-box);
-  min-height: 1px;
-  float: left;
-}
-
-// Column margins
-// $modifier: 1   - normal (column) margins
-// $modifier: -1  - negative (row) margins
-@mixin grid-column-margins($type: $grid-type, $modifier: 1) {
-  $v-gutter: 0;
-
-  @if $type == fluid {
-    $v-gutter: grid-percentage($grid-half-gutter * $modifier);
-  } @else if $type == pixel {
-    $v-gutter: $grid-half-gutter * $modifier;
-  } @else if $type == center {
-    $v-gutter: auto;
-  }
-
-  margin-left:  $v-gutter;
-  margin-right: $v-gutter;
-}
-
-// Calculate single column width (in pixels) multipled by number of columns it spans (indluding gutters)
-@mixin grid-column-width($span: 1, $type: $grid-type, $gutter: $grid-gutter, $total-columns: $grid-total-columns) {
-  width: grid-columns-width($span, $grid-column, $gutter, $type, $total-columns);
-}
-
-// Calculate offset width based on number of columns it spans (including gutters)
-@mixin grid-offset-by-column($span: 1, $direction: left, $flow: positive, $grid-type: $grid-type) {
-  $v-offset: grid-columns-width($span, $type: $grid-type);
-  $v-gutter: $grid-gutter;
-
-  // Fluid grid
-  @if $grid-type == fluid {
-    $v-gutter: grid-percentage($v-gutter);
-  }
-
-  // Negative offset
-  @if $flow == negative {
-    margin-#{$direction}: -$v-offset - ($v-gutter / 2);
-  } @else {
-    margin-#{$direction}: $v-offset + ($v-gutter * 1.5);
-  }
-}

data/assets/stylesheets/layout/_grid-semantics.scss

@@ -1,266 +0,0 @@
-// Semantic grid components
-// ========================
-
-// These placeholder selectors can be used to convert any element into
-// grid component. To use extend element with appropriate placeholder.
-// It will automatically take care of the parent and descending components
-// as long as the correct grid components are used.
-
-// You should think about this file as mapping between your styles and
-// grid mixins and functions that calculate your individual grid elements
-// from parameters you provide. It doesn't contain any values.
-
-// The structure of the grid is as follows:
-
-// %l-container           –  A grid is always contained in one of these
-//                           They use global grid settings and can be overriden with:
-//    %l-grid-pixel       –  Force pixel grid
-//    %l-grid-fluid       –  Force fluid grid
-//    %l-gutterless       –  Collapse column margins (gutters)
-//
-// %l-row                 –  Grid consists of a number of rows
-//                           They are required for correct column margins, but can be omitted,
-//                           in which case the grid with no `%l-row` becomes gutterless
-//
-// %l-col                 –  Column, the unit of the grid
-//    %l-col-<$i>         –  Column size (e.g. `%l-col-4` spans four single columns, including three gutters)
-//    %l-col-<n>-of-<n>   -  Fractional column size of parent total (e.g. 2-of-8 is 2/8 and equals 25%)
-//    %l-col-center       -  Center column
-//
-// l-col-from-left-<$i>   –  Offset column by <column size> from left
-// l-col-to-left-<$i>     –  Offset column by <column size> to left (negative margin)
-// l-col-from-right-<$i>  –  Offset column by <column size> from right
-// l-col-to-right-<$i>    –  Offset column by <column size> to right (negative margin)
-//
-// %l-last-col-right      –  This settings forces last column to float to right, which helps to eliminate
-//                           pixel gap caused by rounding in fluid grids and ensures first and last column
-//                           occupy full width of grid container.
-//                           Applied to grid container (@extend).
-
-// For examples of usage of these components see `scaffolding.scss` file.
-
-
-// # Individual grid components
-
-// Grid container
-%l-container {
-  @include grid-container;
-
-  // Defines inner grid container (nested grid)
-  %l-container {
-    width: auto;
-  }
-
-  // Defines grid row
-  %l-row {
-    @include grid-row;
-  }
-
-  // Defines grid row of forced fluid grid
-  &%l-grid-fluid > %l-row, {
-    @include grid-row(fluid);
-  }
-  // Defines grid row of forced pixel grid
-  &%l-grid-pixel > %l-row {
-    @include grid-row(pixel);
-  }
-
-  // Always set nested grids to fluid
-  &%l-container %l-container > %l-row, {
-    @include grid-row(fluid);
-  }
-
-  // Defines row of gutterless grid
-  %l-gutterless {
-    &, %l-row {
-      margin: {
-        left: 0;
-        right: 0;
-      }
-    }
-  }
-}
-
-
-// Defines columns
-%l-col {
-  @include grid-column;
-
-  %l-gutterless & {
-    margin-left: 0;
-    margin-right: 0;
-  }
-}
-
-
-// Float last column to right if `%l-last-col-right` extended
-// Applied to `%l-container`
-%l-col + %l-col:last-child {
-  %l-last-col-right%l-container > &,
-  %l-last-col-right%l-container > %l-row & {
-    float: right;
-  }
-}
-
-
-// Column spans
-@for $i from 1 through $grid-total-columns {
-  %l-col-#{$i} {
-    @include grid-column-width($i, $grid-type);
-
-    // Force pixel grid
-    %l-grid-pixel > &,
-    %l-grid-pixel > %l-row > & {
-      @include grid-column-width($i, pixel);
-      @include grid-column-margins(pixel);
-    }
-    // Force fluid grid
-    %l-grid-fluid & {
-      @include grid-column-width($i, fluid);
-      @include grid-column-margins(fluid);
-    }
-
-    // Force gutterless grid
-    %l-gutterless &,
-    // Apply gutterless grid on columns without rows
-    %l-container > & {
-      @include grid-column-width($i, $grid-type, $gutter: 0);
-      @include grid-column-margins(0);
-    }
-
-    %l-grid-pixel > &,
-    %l-grid-pixel %l-gutterless & {
-      @include grid-column-width($i, pixel, $gutter: 0);
-      @include grid-column-margins(0);
-    }
-    %l-grid-fluid > &,
-    %l-grid-fluid %l-gutterless & {
-      @include grid-column-width($i, fluid, $gutter: 0);
-      @include grid-column-margins(0);
-    }
-
-    // TODO (fix inconsistent gutters betweeen pixel and fluid grids)
-    // Nested rows (for fluid grids)
-    // Since percentage value takes into account its parent container
-    // we need to adjust total column count to get the correct calculations
-    %l-grid-fluid & {
-      @for $n from 1 through $grid-total-columns {
-        %l-row %l-col-#{$n} {
-          @include grid-column-width($n, fluid, $total-columns: $i);
-        }
-      }
-    }
-    @if $grid-type == fluid {
-      @for $n from 1 through $grid-total-columns {
-        %l-row %l-col-#{$n} {
-          @include grid-column-width($n, fluid, $total-columns: $i);
-        }
-      }
-    }
-  }
-}
-
-// Column spans for custom grids
-@for $i from 1 through $grid-total-columns {
-  @for $n from 1 through $grid-total-columns {
-    %l-col-#{$i}-of-#{$n} {
-      @include grid-column-width($i, fluid, $gutter: 0, $total-columns: $n);
-    }
-  }
-}
-
-
-// Centre column
-%l-col-center {
-  %l-container &,
-  %l-grid-pixel &,
-  %l-grid-fluid &,
-  %l-gutterless & {
-    float: none;
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
-
-
-// Defines column margins
-// Only applied to descendants of rows
-%l-row %l-col {
-  @include grid-column-margins;
-}
-
-
-// Column offsets
-%l-container {
-  @for $i from 1 through $grid-total-columns {
-    // ## Grid with margins
-    // Default grid offsets
-    & > %l-row %l-col {
-      // From left
-      &%l-col-from-left-#{$i} {
-        @include grid-offset-by-column($i, left, positive, $grid-type);
-      }
-
-      // To left
-      &%l-col-to-left-#{$i} {
-        @include grid-offset-by-column($i, left, negative, $grid-type);
-      }
-
-      // From right
-      &%l-col-from-right-#{$i} {
-        @include grid-offset-by-column($i, right, positive, $grid-type);
-      }
-
-      // To right
-      &%l-col-to-right-#{$i} {
-        @include grid-offset-by-column($i, right, negative, $grid-type);
-      }
-    }
-
-    // Pixel grid offsets
-    &%l-grid-pixel > %l-row %l-col {
-      // From left
-      &%l-col-from-left-#{$i} {
-        @include grid-offset-by-column($i, left, positive, pixel);
-      }
-
-      // To left
-      &%l-col-to-left-#{$i} {
-        @include grid-offset-by-column($i, left, negative, pixel);
-      }
-
-      // From right
-      &%l-col-from-right-#{$i} {
-        @include grid-offset-by-column($i, right, positive, pixel);
-      }
-
-      // To right
-      &%l-col-to-right-#{$i} {
-        @include grid-offset-by-column($i, right, negative, pixel);
-      }
-    }
-
-    // Fluid grid offsets
-    &%l-grid-fluid > %l-row %l-col {
-      // From left
-      &%l-col-from-left-#{$i} {
-        @include grid-offset-by-column($i, left, positive, fluid);
-      }
-
-      // To left
-      &%l-col-to-left-#{$i} {
-        @include grid-offset-by-column($i, left, negative, fluid);
-      }
-
-      // From right
-      &%l-col-from-right-#{$i} {
-        @include grid-offset-by-column($i, right, positive, fluid);
-      }
-
-      // To right
-      &%l-col-to-right-#{$i} {
-        @include grid-offset-by-column($i, right, negative, fluid);
-      }
-    }
-  }
-}

data/lib/version.rb

@@ -1,3 +0,0 @@
-module Stratum
-	VERSION = "0.2.4"
-end

data/tests/Gemfile

@@ -1,6 +0,0 @@
-source 'https://rubygems.org'
-
-gem 'rb-fsevent', '~> 0.9.1'
-gem 'guard-sass', :require => false
-gem 'guard-livereload'
-gem 'jekyll'