dashy 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: f00a1bf21b2a312b22a76c281eb8baefab10e532
+  data.tar.gz: f2c80c1c86bdf524bcbe639a2fdd4a3e54fdfa28
+SHA512:
+  metadata.gz: 2c86ae1d952fbfd586dca71b94f97cca13342704ba10b9618a6f6082c81963fd4c16bd113ffa39ea9c3c0388cb7b6984071073ecb28e208b0b40ff10f7ea3f1f
+  data.tar.gz: e187aaa08aca674ef10379dd8d4a896f77b32353b1af1d334922e5b07f0867aa0d64903b53c745b014419ed1b258b52b5016ea9e64e8d2cbace59634c2dd3b7b

data/.gitignore

@@ -0,0 +1,17 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log
+.sass-cache
+*gem
+*swp

data/.npmignore

@@ -0,0 +1,12 @@
+.gitignore
+app/
+bin/
+dashy.gemspec
+bower.json
+CONTRIBUTING.md
+features/
+LICENSE.md
+lib/
+Gemfile
+Gemfile.lock
+Rakefile

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 tosyx
+
+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,31 @@
+# Dashy
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'dashy'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install dashy
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/dashy/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,9 @@
+# encoding: utf-8
+require 'rubygems'
+require 'bundler'
+require 'cucumber/rake/task'
+
+Bundler::GemHelper.install_tasks
+Cucumber::Rake::Task.new
+
+task :default => :cucumber

data/app/assets/stylesheets/_dashy.scss

@@ -0,0 +1,14 @@
+@import "dash/color";
+@import "dash/corner";
+@import "dash/default";
+@import "dash/define";
+@import "dash/direction";
+@import "dash/font-family";
+@import "dash/is";
+@import "dash/line-height";
+@import "dash/list";
+@import "dash/number";
+@import "dash/opposite";
+@import "dash/select";
+@import "dash/set";
+@import "dash/side";

data/app/assets/stylesheets/dashy/_color.scss

@@ -0,0 +1,5 @@
+$color-red:    #fab668 !default;
+$color-teal:   #0090b5 !default;
+$color-black:  #31302f !default;
+$color-white:  #fcfcfc !default;
+$color-orange: #fa8608 !default;

data/app/assets/stylesheets/dashy/_corner.scss

@@ -0,0 +1,15 @@
+@import "dashy/list";
+
+$corners: top-left top-right bottom-right bottom-left;
+
+$corners-moz:
+    (top-left     topleft)
+    (top-right    topright)
+    (bottom-left  bottomleft)
+    (bottom-right bottomright)
+;
+
+@function corner-moz($corner)
+{
+    @return list-lookup($corners-moz, $corner);
+}

data/app/assets/stylesheets/dashy/_default.scss

@@ -0,0 +1,14 @@
+$default-font-size:         16px  !default;
+$default-line-height:       1.618 !default;
+$default-text-align:        left  !default;
+$default-vertical-align:    top   !default;
+
+$default-grid-gutter-width:         2.5%                            !default;
+$default-grid-gutter-widths:        default                         !default;
+$default-grid-gutter-height-ratio:  "0"                             !default;
+$default-grid-gutter-height-ratios: default "1/1" "1/2" "1/3" "1/4" !default;
+
+$default-limit-odd:  19 !default;
+$default-limit-even: 20 !default;
+
+$default-page-width: 840px !default;

data/app/assets/stylesheets/dashy/_define.scss

@@ -0,0 +1,157 @@
+@mixin define-box($selector, $position:(), $top:(), $left:(), $right:(), $bottom:(), $width:(), $height:$width)
+{
+    #{ $selector }
+    {
+        @if is($top)      { top      : $top      ; }
+        @if is($left)     { top      : $left     ; }
+        @if is($right)    { top      : $right    ; }
+        @if is($bottom)   { top      : $bottom   ; }
+        @if is($position) { position : $position ; }
+        @if is($height)   { height   : $height   ; }
+        @if is($width)    { width    : $width    ; }
+    }
+}
+
+@mixin define-bar($selector, $width:(), $height:())
+{
+    #{ select($selector) }
+    {
+        @if is($height)   { height   : $height   ; }
+        @if is($width)    { width    : $width    ; }
+    }
+}
+
+@mixin define-positioned-bar($selector, $top:(), $left:(), $right:(), $bottom:(), $width:(), $height:())
+{
+    @include define-bar($selector:$selector, $width:$width, $height:$height)
+    {
+        @if is($top)      { top      : $top      ; }
+        @if is($left)     { top      : $left     ; }
+        @if is($right)    { top      : $right    ; }
+        @if is($bottom)   { top      : $bottom   ; }
+    }
+}
+
+@mixin define-fixed-position-bar($selector, $top:(), $left:(), $right:(), $bottom:(), $width:(), $height:())
+{
+    @include define-positioned-bar($selector, $top:$top, $left:$left, $right:$right, $bottom:$bottom, $width:$width, $height:$height)
+    {
+        position:fixed;
+    }
+    @if 100% == $width
+    {
+        @if      is-zero($top)    body { margin-top    : $height ; }
+        @else if is-zero($bottom) body { margin-bottom : $height ; }
+    }
+    @if 100% == $height
+    {
+                 @if is-zero($left)   body { margin-left   : $width ; }
+        @else if is-zero($right)  body { margin-right  : $width ; }
+    }
+}
+
+@mixin define-sticky-bar()
+{
+
+}
+
+@mixin define-sticky-footer($height:0)
+{
+    body
+    {
+        margin-top:$header-toolbar-height; margin-bottom:$footer-toolbar-height;
+    }
+}
+
+@mixin define-grid($gutter-widths:$default-grid-gutter-widths, $gutter-height-ratios:$default-grid-gutter-height-ratios)
+{
+    @each $gutter-width in $gutter-widths
+    {
+        $gutter-width-name: $gutter-width;
+        @if default == $gutter-width { $gutter-width: $default-grid-gutter-width; }
+
+        @each $gutter-height-ratio in $gutter-height-ratios
+        {
+            $gutter-height-ratio-name: $gutter-height-ratio;
+            @if default == $gutter-height-ratio { $gutter-height-ratio: $default-grid-gutter-height-ratio; }
+            $gutter-height-ratio: number-from-fraction($gutter-height-ratio);
+            $gutter-height: $gutter-height-ratio * $gutter-width;
+            
+            #{ select-grids($gutter-width:$gutter-width-name, $gutter-height-ratio:$gutter-height-ratio-name) }
+            {
+                margin-top: - $gutter-height;
+                > *
+                {
+                    margin-top: $gutter-height;
+                    &.gutter-overflow-top    { margin-top:    - $gutter-height; } // these should be part of select-grid-cells
+                    &.gutter-overflow-bottom { margin-bottom: - $gutter-height; } // these should be part of select-grid-cells
+                }
+            }
+        }
+
+        #{ select-grids($gutter-width:$gutter-width-name) }
+        {
+            @each $span-width in $define-grid-span-widths
+            {
+                $nominal-width:  nth($span-width, 1);
+                $actual-width:   $nominal-width + ($nominal-width * $gutter-width)/100% - $gutter-width;
+                $fractions:      nth($span-width, 2);
+                $cell:           select-class(width $fractions);       // these should be part of select-grid-cells
+                $overflow-left:  select-class(gutter-overflow left);   // these should be part of select-grid-cells
+                $overflow-right: select-class(gutter-overflow right);  // these should be part of select-grid-cells
+
+                #{ select-children(       $cell                                 ) } { width: $actual-width;                                                }
+                #{ select-children(select($cell $overflow-left)                 ) } { width: $actual-width + $gutter-width; margin-left:  - $gutter-width; }
+                #{ select-children(select($cell $overflow-right)                ) } { width: $actual-width + $gutter-width; margin-right: - $gutter-width; }
+                #{ select-children(select($cell $overflow-left $overflow-right) ) } { width: $actual-width + $gutter-width * 2;                            }
+            }
+        }
+    }
+}
+
+$define-grid-span-widths:
+    (008.33% ("1/12"))
+    (009.09% ("1/11"))
+    (011.11% ("1/9"))
+    (012.50% ("1/8"))
+    (014.29% ("1/7"))
+    (016.67% ("1/6" "2/12"))
+    (018.18% ("2/11"))
+    (020.00% ("2/10" "1/5"))
+    (022.22% ("2/9"))
+    (025.00% ("3/12" "2/8" "1/4"))
+    (027.27% ("3/11"))
+    (028.57% ("2/7"))
+    (030.00% ("3/10"))
+    (033.33% ("1/3" "2/6" "4/12" "3/9"))
+    (036.36% ("4/11"))
+    (037.50% ("3/8"))
+    (040.00% ("4/10" "2/5"))
+    (041.67% ("5/12"))
+    (042.86% ("3/7"))
+    (044.44% ("4/9"))
+    (045.45% ("5/11"))
+    (050.00% ("4/8" "2/4" "1/2" "5/10" "6/12" "3/6"))
+    (054.55% ("6/11"))
+    (055.56% ("5/9"))
+    (057.14% ("4/7"))
+    (058.33% ("7/12"))
+    (060.00% ("6/10" "3/5"))
+    (062.50% ("5/8"))
+    (063.64% ("7/11"))
+    (066.67% ("6/9" "8/12" "4/6" "2/3"))
+    (070.00% ("7/10"))
+    (071.43% ("5/7"))
+    (072.73% ("8/11"))
+    (075.00% ("3/4" "6/8" "9/12"))
+    (077.78% ("7/9"))
+    (080.00% ("4/5" "8/10"))
+    (081.82% ("9/11"))
+    (083.33% ("5/6" "10/12"))
+    (085.71% ("6/7"))
+    (087.50% ("7/8"))
+    (088.89% ("8/9"))
+    (090.00% ("9/10"))
+    (090.91% ("10/11"))
+    (091.67% ("11/12"))
+    (100.00% ("6/6" "10/10" "9/9" "8/8" "7/7" "11/11" "5/5" "2/2" "1/1" "4/4" "3/3" "12/12"));

data/app/assets/stylesheets/dashy/_direction.scss

@@ -0,0 +1,36 @@
+@import "dashy/list";
+
+$directions-horizontal:
+    up
+    down
+;
+
+$directions-vertical:
+    left
+    right
+;
+
+$directions-vectors:
+    (up    (+0.0 -1.0))
+    (down  (+0.0 +1.0))
+    (left  (-1.0 +0.0))
+    (right (+1.0 +0.0))
+;
+
+$directions: join($directions-horizontal, $directions-vertical);
+
+$directions-sides:
+    (up       top)
+    (down  bottom)
+    (left    left)
+    (right  right);
+
+@function direction-vector($dir)
+{
+    @return list-lookup($directions-vectors, $dir);
+}
+
+@function direction-of-side($side)
+{
+    @return list-lookup($directions-sides, $side);
+}

data/app/assets/stylesheets/dashy/_font-family.scss

@@ -0,0 +1,36 @@
+$font-family-garamond:        "Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", "serif";
+$font-family-lucida-bright:   "Lucida Bright", "Georgia", "serif";
+$font-family-palatino:        "Palatino", "Palatino Linotype", "Palatino LT STD", "Book Antiqua", "Georgia", "serif";
+$font-family-big-caslon:      "Big Caslon", "Book Antiqua", "Palatino Linotype", "Georgia", "serif";
+$font-family-didot:           "Didot", "Didot LT STD", "Hoefler Text", "Garamond", "Times New Roman", "serif";
+$font-family-baskerville:     "Baskerville", "Baskerville old face", "Hoefler Text", "Garamond", "Times New Roman", "serif";
+$font-family-hoefler-text:    "Hoefler Text", "Baskerville old face", "Garamond", "Times New Roman", "serif";
+$font-family-bodoni:          "Bodoni MT", "Didot", "Didot LT STD", "Hoefler Text", "Garamond", "Times New Roman", "serif";
+$font-family-goudy-old-style: "Goudy Old Style", "Garamond", "Big Caslon", "Times New Roman", "serif";
+$font-family-constantia:      "Constantia", "Palatino", "Palatino Linotype", "Palatino LT STD", "Georgia", "serif";
+$font-family-cambria:         "Cambria", "Georgia", "serif";
+$font-family-book-antiqua:    "Book Antiqua", "Palatino", "Palatino Linotype", "Palatino LT STD", "Georgia", "serif";
+
+$font-family-optima:          "Optima", "Segoe", "Segoe UI", "Candara", "Calibri", "Arial", "sans-serif";
+$font-family-futura:          "Futura", "Trebuchet MS", "Arial", "sans-serif";
+$font-family-gill-sans:       "Gill Sans", "Gill Sans MT", "Calibri", "sans-serif";
+$font-family-trebuchet:       "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Tahoma", "sans-serif";
+$font-family-helvetica:       "Helvetica Neue", "Arial", "sans-serif";
+$font-family-verdana:         "Verdana", "Geneva", "sans-serif";
+$font-family-lucida:          "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Geneva", "Verdana", "sans-serif";
+$font-family-geneva:          "Geneva", "Tahoma", "Verdana", "sans-serif";
+$font-family-segoe:           "Segoe", "Segoe UI", "Helvetica Neue", "Arial", "sans-serif";
+$font-family-candara:         "Candara", "Calibri", "Segoe", "Segoe UI", "Optima", "Arial", "sans-serif";
+$font-family-calibri:         "Calibri", "Candara", "Segoe", "Segoe UI", "Optima", "Arial", "sans-serif";
+$font-family-franklin-gothic: "Franklin Gothic Medium", "Arial", "sans-serif";
+$font-family-tahoma:          "Tahoma", "Geneva", "Verdana", "sans-serif";
+
+$font-family-proxima-nova:    "Proxima Nova" /* adobe */, "Montserrat" /* google */, "sans-serif";
+$font-family-gill-sans:       "Gill Sans" /* adobe */, "Lato" /* google */, "sans-serif";
+
+$font-family-headings:        $font-family-hoefler-text;
+$font-family-body:            $font-family-optima;
+$font-family-labels:          $font-family-optima;
+$font-family-fine-print:      $font-family-optima;
+
+$font-family-avenir:          "Avenir", "Nunito" /* google */;

data/app/assets/stylesheets/dashy/_is.scss

@@ -0,0 +1,81 @@
+@function is($val)
+{
+    @return not is-null($val);
+}
+
+@function is-null($val)
+{
+    @return is-blank($val) or is-empty($val);
+}
+
+@function is-blank($val)
+{
+    @if is-string($val) { @return $val == ""; }
+    @return false;
+}
+
+@function is-empty($val)
+{
+    @if is-list($val) { @return list-length($val) == 0; }
+    @return false;
+}
+
+@function is-unitless($val)
+{
+    @return unitless($val);
+}
+
+@function is-unitful($val)
+{
+    @return is-number($val) and not is-blank(unit($val));
+}
+
+@function is-unit($unit, $val)
+{
+    @return is-number($val) and $unit == unit($val);
+}
+
+@function is-px($val)
+{
+    @return is-unit(px, $val);
+}
+
+@function is-em($val)
+{
+    @return is-unit(em, $val);
+}
+
+@function is-ex($val)
+{
+    @return is-unit(ex, $val);
+}
+
+@function is-percent($val)
+{
+    @return is-unit("%", $val);
+}
+
+@function is-number($val)
+{
+    @return type-of($val) == number;
+}
+
+@function is-string($val)
+{
+    @return type-of($val) == string;
+}
+
+@function is-color($val)
+{
+    @return type-of($val) == color;
+}
+
+@function is-boolean($val)
+{
+    @return type-of($val) == bool;
+}
+
+@function is-list($val)
+{
+    @return type-of($val) == list;
+}

data/app/assets/stylesheets/dashy/_line-height.scss

@@ -0,0 +1,10 @@
+@function line-height-ideal($font-size)
+{
+    @return $number-golden-ratio * $font-size;
+}
+
+@function line-height-optimal($font-size, $line-width)
+{
+    @return $number-golden-ratio - (1 / $number-golden-ratio-doubled) * (1 - $line-width / number-squared(line-height-ideal($font-size)));
+}
+

data/app/assets/stylesheets/dashy/_list.scss

@@ -0,0 +1,161 @@
+@function list-append($list, $value, $separator:comma)
+{
+    @return append($list, $value, $separator);
+}
+
+@function list-length($list)
+{
+    @return length($list);
+}
+
+@function list-nth($list, $index)
+{
+    @return nth($list, $index);
+}
+
+@function list-first($list)
+{
+    @return list-nth($list, 1);
+}
+
+@function list-second($list)
+{
+    @return list-nth($list, 2);
+}
+
+@function list-last($list)
+{
+    @return list-nth($list, list-length($list));
+}
+
+@function list-head ($list)
+{
+    @return list-first($list);
+}
+
+@function list-tail($list)
+{
+    $result: ();
+    @for $i from 2 through list-length($list)
+    {
+        $result: list-append($result, list-nth($list, $i));
+    }
+    @return $result;
+}
+
+@function list-maybe-nth($list, $i)
+{
+    @if is-list($list)
+    {
+        @if list-length($list) < $i { @return (); }
+        @return list-nth($list, $i);
+    }
+}
+
+@function list-maybe-first($list)
+{
+    @return list-maybe-nth($list, 1);
+}
+
+@function list-maybe-second($list)
+{
+    @return list-maybe-nth($list, 2);
+}
+
+@function list-compact($list)
+{
+    $result: ();
+    @each $item in $list
+    {
+        @if not is-empty($item) and not is-blank($item)
+        {
+            $result: append($result, $item);
+        }
+    }
+    @return $result;
+}
+
+@function list-flatten($values)
+{
+    $result: ();
+    @each $value in $values
+    {
+        @if is-list($value)
+        {
+            @each $x in list-flatten($value) { $result: list-append($result, $x); }
+        }
+        @else
+        {
+            $result: list-append($result, $value);
+        }
+    }
+    @return $result;
+}
+
+// search //////////////////////////////////////////////////////////////////
+
+@function list-contains-none($items, $these)
+{
+    @return not list-contains-any($items, $these);
+}
+
+@function list-contains-any($items, $these)
+{
+    @each $item in $items
+    {
+        @if list-contains($these, $item) { @return true; }
+    }
+    @return false;
+}
+
+@function list-contains($items, $this)
+{
+    @each $item in $items
+    {
+        @if $this == $item { @return true; }
+    }
+    @return false;
+}
+
+@function list-find-by-nth($lists, $i, $val)
+{
+    @each $list in $lists
+    {
+        @if $val == list-nth($list, $i) { @return $list; }
+    }
+    @return ();
+}
+
+@function list-find-by-first($pairs, $first)
+{
+    @return list-find-by-nth($pairs, 1, $first);
+}
+
+@function list-find-by-second($pairs, $second)
+{
+    @return list-find-by-nth($pairs, 2, $second);
+}
+
+@function list-lookup($pairs, $first)
+{
+    @return list-second(list-find-by-first($pairs, $first));
+}
+
+@function list-reverse-lookup($pairs, $second)
+{
+    @return list-first(list-find-by-second($pairs, $second));
+}
+
+@function list-find-opposite($pairs, $first-or-second)
+{
+    @return list-find-either(list-lookup($pairs, $first-or-second), list-reverse-lookup($pairs, $first-or-second));
+}
+
+@function list-find-either($possibilities)
+{
+    @each $possibility in $possibilities
+    {
+        @if not is-null($possibility) { @return $possibility; }
+    }
+    @return ();
+}