jeet 0.0.4 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 437db5eee7b7e979b2fb68cd0507d1d8af434038
-  data.tar.gz: 5e57de4d96437802c67895a81745b7acc5db2d51
+  metadata.gz: 26af6d0b1c45176d1e75d28f4593d7e6613fbf08
+  data.tar.gz: 98954cffa8660fa9f24d4e91203f2cb6a59badcb
 SHA512:
-  metadata.gz: b8a59c212635e799d9f3c4b84fe28ebf911faa79a003828983c5514c586b1b625721d85799c074f6e9e0a5532ed8a0a46ff2ad9e4bb167cbd1747063b47f0f0d
-  data.tar.gz: 44e0e00352194c767da769f0c796ca60023e96cbc92e69d3583ffe1e92459298e525a46f155d0a9da1ad96447a4c82a942101b2eeff5de68d68f84a12f246924
+  metadata.gz: ce81c976a712a87fa0630d7b4655fdcdbd8bdd57e0f15c710b403ddc366d0077edadb08b824c84500cf79ccd15b1101af278c52150a64ad0f90db2b96a159c9b
+  data.tar.gz: 5ee0eb6b4deb0faeb2562abc3b8e0d7f7c304b74b69515b8effe16e6e7fe7b91b5c3d0c679e27d416b5f359d87077b4ad8a41b013ade4ad00b5ca4272c63220d

data/.gitignore

@@ -0,0 +1,23 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+.inch
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Changelog.md

@@ -0,0 +1,7 @@
+# Jeet Changelog
+
+## 0.0.5
+
+Released Sep 6, 2014 ([0.0.5](https://github.com/corysimmons/jeet-rails/tree/v0.0.5)).
+
+* Initial Re-release.

data/Gemfile

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

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Cory Simmons
+
+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,34 @@
+# Jeet-Rails
+SCSS Jeet for Rails
+
+## Installation
+
+In your Gemfile:
+
+```ruby
+gem 'jeet'
+```
+
+And then execute:
+
+```bash
+bundle install
+```
+
+In your main stylesheet:
+
+```sass
+@import 'jeet';
+```
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it ( https://github.com/corysimmons/jeet/fork )
+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 a new Pull Request

data/Rakefile

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

data/jeet.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'jeet/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'jeet'
+  spec.version       = Jeet::VERSION
+  spec.authors       = ['Cory Simmons', 'Jonah Ruiz']
+  spec.email         = ['csimmonswork@gmail.com', 'jonah@pixelhipsters.com']
+  spec.summary       = 'A grid system for humans.'
+  spec.description   = 'The most advanced and intuitive Sass grid system on the planet.'
+  spec.homepage      = 'http://jeet.gs'
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  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_dependency 'sass', '~> 3.2'
+
+  spec.add_development_dependency 'bundler', '~> 1.6'
+  spec.add_development_dependency 'rake', '~> 10.0'
+end

data/lib/jeet.rb

@@ -1,4 +1,6 @@
-require 'compass'
-require 'breakpoint'
-extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
-Compass::Frameworks.register('jeet', :path => extension_path)
+require "jeet/version"
+
+module Jeet
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/jeet/version.rb

@@ -0,0 +1,3 @@
+module Jeet
+  VERSION = '0.0.5'
+end

data/vendor/assets/stylesheets/jeet.scss

@@ -0,0 +1,17 @@
+/*  Syntax Quick Reference
+  --------------------------
+  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
+  span($ratio: 1, $offset: 0)
+  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
+  unshift()
+  edit()
+  center($max_width: 1410px, $pad: 0)
+  stack($pad: 0, $align: false)
+  unstack()
+  align($direction: both)
+  cf()
+*/
+
+@import 'jeet/_settings';
+@import 'jeet/_functions';
+@import 'jeet/_grid';

data/vendor/assets/stylesheets/jeet/_functions.scss

@@ -0,0 +1,120 @@
+/**
+ * List functions courtesy of the wonderful folks at Team Sass.
+ * Check out their awesome grid: Singularity.
+ */
+
+/**
+ * Get  percentage from a given ratio.
+ * @param {number} [$ratio=1] - The column ratio of the element.
+ * @returns {number} - The percentage value.
+ */
+@function jeet-get-span($ratio: 1) {
+  @return $ratio * 100;
+}
+
+/**
+ * Work out the column widths based on the ratio and gutter sizes.
+ * @param {number} [$ratios=1] - The column ratio of the element.
+ * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
+ * @returns {list} $width $gutter - A list containing the with and gutter for the element.
+ */
+@function jeet-get-column($ratios: 1, $gutter: $jeet-gutter) {
+  $ratios: if(not $jeet-parent-first, jeet-reverse($ratios), $ratios);
+  $width: 100;
+
+  @each $ratio in $ratios {
+    $gutter: $gutter / $width * 100;
+    $width: 100 * $ratio - $gutter + $ratio * $gutter;
+  }
+
+  @return $width $gutter;
+}
+
+/**
+ * Get the set layout direction for the project.
+ * @returns {string} $direction - The layout direction.
+ */
+@function jeet-get-layout-direction() {
+  $direction: if($jeet-layout-direction == "RTL", right, left);
+
+  @return $direction;
+}
+
+/**
+ * Replace a specified list value with a new value (uses built in set-nth() if available)
+ * @param {list} $list - The list of values you want to alter.
+ * @param {number} $index - The index of the list item you want to replace.
+ * @param {*} $value - The value you want to replace $index with.
+ * @returns {list} $list - The list with the value replaced or removed.
+ * @warn if an invalid index is supplied.
+ */
+@function jeet-replace-nth($list, $index, $value) {
+  // Fallback for Sass 3.2
+  @if function-exists("set-nth") != true {
+    $result: ();
+    $index: if($index < 0, length($list) + $index + 1, $index);
+
+    @for $i from 1 through length($list) {
+      $result: append($result, if($i == $index, $value, nth($list, $i)));
+    }
+
+    @return $result;
+  }
+
+  // Sass 3.3
+  $result: set-nth($list, $index, $value);
+
+  @return $result;
+}
+
+/**
+ * Reverse a list (progressively enhanced for Sass 3.3)
+ * @param {list} $list - The list of values you want to reverse.
+ * @returns {list} $result - The reversed list.
+ */
+@function jeet-reverse($list) {
+  // Sass 3.2
+  @if function-exists("set-nth") != true {
+    $result: ();
+
+    @for $i from length($list) * -1 through -1 {
+      $result: append($result, nth($list, abs($i)));
+    }
+
+    @return $result;
+  }
+
+  // Sass 3.3
+  @for $i from 1 through floor(length($list) / 2) + 1 {
+    $tmp: nth($list, $i);
+    $list: set-nth($list, $i, nth($list, -$i));
+    $list: set-nth($list, -$i, $tmp);
+  }
+
+  @return $list;
+}
+
+/**
+ * Get the opposite direction to a given value.
+ * @param {string} $dir - The direction you want the opposite of.
+ * @returns {string} - The opposite direction to $dir.
+ * @warn if an incorrect string is provided.
+ */
+@function jeet-opposite-direction($direction) {
+  @if $direction == "left" {
+    @return right;
+  } @else if $direction == "right" {
+    @return left;
+  } @else if $direction == "top" {
+    @return bottom;
+  } @else if $direction == "bottom" {
+    @return top;
+  } @else if index("ltr" "LTR", $direction) {
+    @return rtl;
+  } @else if index("rtl" "RTL", $direction) {
+    @return ltr;
+  } @else {
+    @warn "`#{$direction}` is not a direction; please make sure your direction is all lowercase.";
+    @return false;
+  }
+}

data/vendor/assets/stylesheets/jeet/_grid.scss

@@ -0,0 +1,289 @@
+/**
+ * Style an element as a column with a gutter.
+ * @param {number} [$ratios=1] - A width relative to its container as a fraction.
+ * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
+ * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
+ * @param {number} [$uncycle=0] - Undo a previous cycle vlue to allow for a new one.
+ * @param {number} [$gutter=$jeet-gutter] - Specifiy the gutter width as a percentage of the containers width.
+ */
+@mixin column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter) {
+  $side: jeet-get-layout-direction();
+  $opposite-side: jeet-opposite-direction($side);
+  $column-widths: jeet-get-column($ratios, $gutter);
+  $margin-last: 0;
+  $margin-l: $margin-last;
+  $margin-r: nth($column-widths, 2);
+
+  @if $offset != 0 {
+    @if $offset < 0 {
+      $offset: $offset * -1;
+      $offset: nth(jeet-get-column($offset, nth($column-widths, 2)), 1);
+      $margin-last: $offset + nth($column-widths, 2) * 2;
+      $margin-r: $margin-last;
+    } @else {
+      $offset: nth(jeet-get-column($offset, nth($column-widths, 2)), 1);
+      $margin-l: $offset + nth($column-widths, 2);
+    }
+  }
+
+  @include cf;
+  float: $side;
+  clear: none;
+  text-align: inherit;
+  width: nth($column-widths, 1) * 1%;
+  margin: {
+    #{$side}: $margin-l * 1%;
+    #{$opposite-side}: $margin-r * 1%;
+  };
+
+  @if $uncycle != 0 {
+    &:nth-child(#{$uncycle}n) {
+      margin-#{jeet-opposite-direction($side)}: $margin-r * 1%;
+      float: $side;
+    }
+    &:nth-child(#{$uncycle}n + 1) {
+      clear: none;
+    }
+  }
+
+  @if $cycle != 0 {
+    &:nth-child(#{$cycle}n) {
+      margin-#{jeet-opposite-direction($side)}: $margin-last * 1%;
+      float: jeet-opposite-direction($side);
+    }
+    &:nth-child(#{$cycle}n + 1) {
+      clear: both;
+    }
+  } @else {
+    &:last-child {
+      margin-#{jeet-opposite-direction($side)}: $margin-last * 1%;
+    }
+  }
+}
+
+/**
+ * An alias for the column mixin.
+ * @param [$args...] - All arguments get passed through to column().
+ */
+@mixin col($args...) {
+  @include column($args...);
+}
+
+/**
+ * Style an element as a column without any gutters for a seamless row.
+ * @param {number} [$ratios=1] - A width relative to its container as a fraction.
+ * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
+ */
+@mixin span($ratio: 1, $offset: 0) {
+  $side: jeet-get-layout-direction();
+  $opposite-side: jeet-opposite-direction($side);
+  $span-width: jeet-get-span($ratio);
+  $margin-r: 0;
+  $margin-l: $margin-r;
+  @if $offset != 0 {
+    @if $offset < 0 {
+      $offset: $offset * -1;
+      $margin-r: jeet-get-span($offset);
+    } @else {
+      $margin-l: jeet-get-span($offset);
+    }
+  }
+
+  @include cf;
+  float: $side;
+  clear: none;
+  text-align: inherit;
+  width: $span-width * 1%;
+  margin: {
+    #{$side}: $margin-l * 1%;
+    #{$opposite-side}: $margin-r * 1%;
+  };
+}
+
+/**
+ * Reorder columns without altering the HTML.
+ * @param {number} [$ratios=0] - Specify how far along you want the element to move.
+ * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
+ * @param {number} [$gutter=$jeet-gutter] - Specifiy the gutter width as a percentage of the containers width.
+ */
+@mixin shift($ratios: 0, $col-or-span: column, $gutter: $jeet-gutter) {
+  $translate: '';
+  $side: jeet-get-layout-direction();
+
+  @if $side == right {
+    $ratios: jeet-replace-nth($ratios, 0, nth($ratios, 1) * -1);
+  }
+
+  @if index("column" "col" "c", $col-or-span) {
+    $column-widths: jeet-get-column($ratios, $gutter);
+    $translate: nth($column-widths, 1) + nth($column-widths, 2);
+  } @else {
+    $translate: jeet-get-span($ratios);
+  }
+
+  position: relative;
+  left: $translate * 1%;
+}
+
+/**
+ * Reset an element that has had shift() applied to it.
+ */
+@mixin unshift() {
+  position: static;
+  left: 0;
+}
+
+/**
+ * View the grid and its layers for easy debugging.
+ */
+@mixin edit() {
+  * {
+    background: rgba(0, 0, 0, .05);
+  }
+}
+
+/**
+ *  Alias for edit().
+ */
+@mixin debug() {
+  @include edit;
+}
+
+/**
+ * Horizontally center an element.
+ * @param {number} [$max-width=1410px] - The max width the element can be.
+ * @param {number} [$pad=0] - Specify the element's left and right padding.
+ */
+@mixin center($max-width: $jeet-max-width, $pad: 0) {
+  @include cf;
+  width: auto;
+  max-width: $max-width;
+  float: none;
+  display: block;
+  margin: {
+    right: auto;
+    left:  auto;
+  };
+  padding: {
+    left:  $pad;
+    right: $pad;
+  };
+}
+
+/**
+ * Uncenter an element.
+ */
+@mixin uncenter() {
+  max-width: none;
+  margin-right: 0;
+  margin-left: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+/**
+ * Stack an element so that nothing is either side of it.
+ * @param {number} [$pad=0] - Specify the element's left and right padding.
+ * @param {boolean/string} [$align=false] - Specify the text align for the element.
+ */
+@mixin stack($pad: 0, $align: false) {
+  $side: jeet-get-layout-direction();
+  $opposite-side: jeet-opposite-direction($side);
+
+  display: block;
+  clear: both;
+  float: none;
+  width: 100%;
+  margin: {
+    left:  auto;
+    right: auto;
+  };
+
+  &:first-child {
+    margin-#{$side}: auto;
+  }
+
+  &:last-child {
+    margin-#{$opposite-side}: auto;
+  }
+
+  @if $pad != 0 {
+    padding: {
+      left:  $pad;
+      right: $pad;
+    }
+  }
+
+  @if ($align is not false) {
+    @if index("center" "c", $align) {
+      text-align: center;
+    } @else if index("left" "l", $align) {
+      text-align: left;
+    } @else if index("right" "r", $align) {
+      text-align: right;
+    }
+  }
+}
+
+/**
+ * Unstack an element.
+ */
+@mixin unstack() {
+  $side: jeet-get-layout-direction();
+  $opposite-side: jeet-opposite-direction($side);
+
+  text-align: $side;
+  display: inline;
+  clear: none;
+  width: auto;
+  margin: {
+    left:  0;
+    right: 0;
+  };
+
+  &:first-child {
+    margin-#{$side}: 0;
+  }
+
+  &:last-child {
+    margin-#{jeet-opposite-direction($side)}: 0;
+  }
+}
+
+/**
+ * Center an element on either or both axes.
+ * @requires A parent container with relative positioning.
+ * @param {string} [$direction=both] - Specify which axes to center the element on.
+ */
+@mixin align($direction: both) {
+  position: absolute;
+  transform-style: preserve-3d;
+
+  @if index("horizontal" "h", $direction) {
+    left: 50%;
+    transform: translateX(-50%);
+  } @else if index("vertical" "v", $direction) {
+    top: 50%;
+    transform: translateY(-50%);
+  } @else {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+
+/**
+ * Apply a clearfix to an element.
+ */
+@mixin cf() {
+  *zoom: 1;
+
+  &:before, &:after {
+    content: '';
+    display: table;
+  }
+
+  &:after {
+    clear: both;
+  }
+}