bookends 0.6.0 → 2.0.0

data/fixtures/dummy-jekyll/_sass/mixins/_background-image.scss

@@ -0,0 +1,48 @@
+//************************************************************************//
+// Background-image property for adding multiple background images with
+// gradients, or for stringing multiple gradients together.
+//************************************************************************//
+
+@mixin background-image($images...) {
+  background-image: _add-prefix($images, webkit);
+  background-image: _add-prefix($images);
+}
+
+@function _add-prefix($images, $vendor: false) {
+  $images-prefixed: ();
+  $gradient-positions: false;
+  @for $i from 1 through length($images) {
+    $type: type-of(nth($images, $i)); // Get type of variable - List or String
+
+    // If variable is a list - Gradient
+    @if $type == list {
+      $gradient-type: nth(nth($images, $i), 1); // linear or radial
+      $gradient-pos: null;
+      $gradient-args: null;
+
+      @if ($gradient-type == linear) or ($gradient-type == radial) {
+        $gradient-pos:  nth(nth($images, $i), 2); // Get gradient position
+        $gradient-args: nth(nth($images, $i), 3); // Get actual gradient (red, blue)
+      }
+      @else {
+        $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue)
+      }
+
+      $gradient-positions: _gradient-positions-parser($gradient-type, $gradient-pos);
+      $gradient: _render-gradients($gradient-positions, $gradient-args, $gradient-type, $vendor);
+      $images-prefixed: append($images-prefixed, $gradient, comma);
+    }
+    // If variable is a string - Image
+    @else if $type == string {
+      $images-prefixed: join($images-prefixed, nth($images, $i), comma);
+    }
+  }
+  @return $images-prefixed;
+}
+
+//Examples:
+  //@include background-image(linear-gradient(top, orange, red));
+  //@include background-image(radial-gradient(50% 50%, cover circle, orange, red));
+  //@include background-image(url("/images/a.png"), linear-gradient(orange, red));
+  //@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png"));
+  //@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red));

data/fixtures/dummy-jekyll/_sass/mixins/_border-radius.scss

@@ -0,0 +1,22 @@
+//************************************************************************//
+// Shorthand Border-radius mixins
+//************************************************************************//
+@mixin border-top-radius($radii) {
+  @include prefixer(border-top-left-radius, $radii, spec);
+  @include prefixer(border-top-right-radius, $radii, spec);
+}
+
+@mixin border-bottom-radius($radii) {
+  @include prefixer(border-bottom-left-radius, $radii, spec);
+  @include prefixer(border-bottom-right-radius, $radii, spec);
+}
+
+@mixin border-left-radius($radii) {
+  @include prefixer(border-top-left-radius, $radii, spec);
+  @include prefixer(border-bottom-left-radius, $radii, spec);
+}
+
+@mixin border-right-radius($radii) {
+  @include prefixer(border-top-right-radius, $radii, spec);
+  @include prefixer(border-bottom-right-radius, $radii, spec);
+}

data/fixtures/dummy-jekyll/_sass/mixins/_box-sizing.scss

@@ -0,0 +1,4 @@
+@mixin box-sizing ($box) {
+//  content-box | border-box | inherit
+  @include prefixer(box-sizing, $box, webkit moz spec);
+}

data/fixtures/dummy-jekyll/_sass/mixins/_hide-text.scss

@@ -0,0 +1,5 @@
+@mixin hide-text {
+  color:            transparent;
+  font:             0/0 a;
+  text-shadow:      none;
+}

data/fixtures/dummy-jekyll/_sass/mixins/_hidpi.scss

@@ -0,0 +1,10 @@
+// HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/)
+@mixin hidpi($ratio: 1.3) {
+  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
+  only screen and (min--moz-device-pixel-ratio: $ratio),
+  only screen and (-o-min-device-pixel-ratio: #{$ratio}/1),
+  only screen and (min-resolution: #{round($ratio*96)}dpi),
+  only screen and (min-resolution: #{$ratio}dppx) {
+    @content;
+  }
+}

data/fixtures/dummy-jekyll/_sass/mixins/_linear-gradient.scss

@@ -0,0 +1,41 @@
+@mixin linear-gradient($pos, $G1, $G2: false,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false,
+                       $deprecated-pos1: left top,
+                       $deprecated-pos2: left bottom,
+                       $fallback: false) {
+  // Detect what type of value exists in $pos
+  $pos-type: type-of(nth($pos, 1));
+  $pos-spec: null;
+  $pos-degree: null;
+
+  // If $pos is missing from mixin, reassign vars and add default position
+  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
+    $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
+     $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
+     $pos: null;
+  }
+
+  @if $pos {
+    $positions: _linear-positions-parser($pos);
+    $pos-degree: nth($positions, 1);
+    $pos-spec:   nth($positions, 2);
+  }
+
+  $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+
+  // Set $G1 as the default fallback color
+  $fallback-color: nth($G1, 1);
+
+  // If $fallback is a color use that color as the fallback color
+  @if (type-of($fallback) == color) or ($fallback == "transparent") {
+    $fallback-color: $fallback;
+  }
+
+  background-color: $fallback-color;
+  background-image: _deprecated-webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $full); // Safari <= 5.0
+  background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome
+  background-image: unquote("linear-gradient(#{$pos-spec}#{$full})");
+}

data/fixtures/dummy-jekyll/_sass/mixins/_prefixer.scss

@@ -0,0 +1,49 @@
+//************************************************************************//
+// Example: @include prefixer(border-radius, $radii, webkit ms spec);
+//************************************************************************//
+$prefix-for-webkit:    true !default;
+$prefix-for-mozilla:   true !default;
+$prefix-for-microsoft: true !default;
+$prefix-for-opera:     true !default;
+$prefix-for-spec:      true !default; // required for keyframe mixin
+
+@mixin prefixer ($property, $value, $prefixes) {
+  @each $prefix in $prefixes {
+    @if $prefix == webkit {
+      @if $prefix-for-webkit {
+        -webkit-#{$property}: $value;
+      }
+    }
+    @else if $prefix == moz {
+      @if $prefix-for-mozilla {
+        -moz-#{$property}: $value;
+      }
+    }
+    @else if $prefix == ms {
+      @if $prefix-for-microsoft {
+        -ms-#{$property}: $value;
+      }
+    }
+    @else if $prefix == o {
+      @if $prefix-for-opera {
+        -o-#{$property}: $value;
+      }
+    }
+    @else if $prefix == spec {
+      @if $prefix-for-spec {
+        #{$property}: $value;
+      }
+    }
+    @else  {
+      @warn "Unrecognized prefix: #{$prefix}";
+    }
+  }
+}
+
+@mixin disable-prefix-for-all() {
+  $prefix-for-webkit:    false;
+  $prefix-for-mozilla:   false;
+  $prefix-for-microsoft: false;
+  $prefix-for-opera:     false;
+  $prefix-for-spec:      false;
+}

data/fixtures/dummy-jekyll/_sass/mixins/_responsiveness.scss

@@ -0,0 +1,129 @@
+@mixin screen($threshold: max-width, $screen: 1080px) {
+  @media ($threshold: $screen) {
+    @content;
+  }
+}
+
+@mixin desktop {
+  @media (min-width: $tablet-threshold + 1) {
+    @content;
+  }
+}
+
+@mixin mobile {
+  @media (max-width: $mobile-threshold) {
+    @content;
+  }
+}
+
+@mixin mobile-landscape {
+  @media (max-width: $mobile-landscape-threshold) {
+    @content;
+  }
+}
+
+@mixin tablet {
+  @media (max-width: $tablet-threshold) {
+    @content;
+  }
+}
+
+@mixin tablet-landscape {
+  @media (max-width: $tablet-landscape-threshold) {
+    @content;
+  }
+}
+
+@mixin large-screen {
+  @media (min-width: $large-screen-threshold) {
+    @content;
+  }
+}
+
+@mixin screen-max-height($screen-height: 750px) {
+  @media (max-height: $screen-height) {
+    @content;
+  }
+}
+
+@mixin columns(
+  $desktop: $tartan-column-count,
+  $tablet: "",
+  $mobile: ""
+) {
+  @include tartan-span-columns($desktop);
+
+  @if ($desktop == 1) {
+    &:nth-child(12n + 12) { @include tartan-omega; }
+  }
+
+  @if ($desktop == 2) {
+    &:nth-child(6n + 6) { @include tartan-omega; }
+  }
+
+  @if ($desktop == 3) {
+    &:nth-child(4n + 4) { @include tartan-omega; }
+  }
+
+  @if ($desktop == 4) {
+    &:nth-child(3n + 3) { @include tartan-omega; }
+  }
+
+  @if ($desktop == 6) {
+    &:nth-child(even) { @include tartan-omega; }
+  }
+
+  @if ($tablet != "") {
+    @include tablet {
+      &:nth-child(n) { @include tartan-no-omega } // Specificity
+      @include tartan-span-columns($tablet);
+
+      @if ($tablet == 1) {
+        &:nth-child(12n + 12) { @include tartan-omega; }
+      }
+
+      @if ($tablet == 2) {
+        &:nth-child(6n + 6) { @include tartan-omega; }
+      }
+
+      @if ($tablet == 3) {
+        &:nth-child(4n + 4) { @include tartan-omega; }
+      }
+
+      @if ($tablet == 4) {
+        &:nth-child(3n + 3) { @include tartan-omega; }
+      }
+
+      @if ($tablet == 6) {
+        &:nth-child(2n + 2) { @include tartan-omega; }
+      }
+    }
+  }
+
+  @if ($mobile != "") {
+    @include mobile-landscape {
+      &:nth-child(n) { @include tartan-no-omega } // Specificity
+      @include tartan-span-columns($mobile);
+
+      @if ($mobile == 1) {
+        &:nth-child(12n + 12) { @include tartan-omega; }
+      }
+
+      @if ($mobile == 2) {
+        &:nth-child(6n + 6) { @include tartan-omega; }
+      }
+
+      @if ($mobile == 3) {
+        &:nth-child(4n + 4) { @include tartan-omega; }
+      }
+
+      @if ($mobile == 4) {
+        &:nth-child(3n + 3) { @include tartan-omega; }
+      }
+
+      @if ($mobile == 6) {
+        &:nth-child(even) { @include tartan-omega; }
+      }
+    }
+  }
+}

data/fixtures/dummy-jekyll/_sass/mixins/_retina-image.scss

@@ -0,0 +1,31 @@
+@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $asset-pipeline: false) {
+  @if $asset-pipeline {
+    background-image: image-url("#{$filename}.#{$extension}");
+  }
+  @else {
+    background-image: url("#{$filename}.#{$extension}");
+  }
+
+  @include hidpi {
+    @if $asset-pipeline {
+      @if $retina-filename {
+        background-image: image-url("#{$retina-filename}.#{$extension}");
+      }
+      @else {
+        background-image: image-url("#{$filename}@2x.#{$extension}");
+      }
+    }
+
+    @else {
+      @if $retina-filename {
+        background-image: url("#{$retina-filename}.#{$extension}");
+      }
+      @else {
+        background-image: url("#{$filename}@2x.#{$extension}");
+      }
+    }
+
+    background-size: $background-size;
+
+  }
+}

data/fixtures/dummy-jekyll/_sass/mixins/_size.scss

@@ -0,0 +1,44 @@
+@mixin size($size) {
+  @if length($size) == 1 {
+    @if $size == auto {
+      width:  $size;
+      height: $size;
+    }
+
+    @else if unitless($size) {
+      width:  $size + px;
+      height: $size + px;
+    }
+
+    @else if not(unitless($size)) {
+      width:  $size;
+      height: $size;
+    }
+  }
+
+  // Width x Height
+  @if length($size) == 2 {
+    $width:  nth($size, 1);
+    $height: nth($size, 2);
+
+    @if $width == auto {
+      width: $width;
+    }
+    @else if not(unitless($width)) {
+      width: $width;
+    }
+    @else if unitless($width) {
+      width: $width + px;
+    }
+
+    @if $height == auto {
+      height: $height;
+    }
+    @else if not(unitless($height)) {
+      height: $height;
+    }
+    @else if unitless($height) {
+      height: $height + px;
+    }
+  }
+}

data/fixtures/dummy-jekyll/_sass/mixins/_transition.scss

@@ -0,0 +1,34 @@
+// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
+// Example: @include transition (all, 2.0s, ease-in-out);
+//          @include transition ((opacity, width), (1.0s, 2.0s), ease-in, (0, 2s));
+//          @include transition ($property:(opacity, width), $delay: (1.5s, 2.5s));
+
+@mixin transition ($properties...) {
+  @if length($properties) >= 1 {
+    @include prefixer(transition, $properties, webkit moz spec);
+  }
+
+  @else {
+    $properties: all 0.15s ease-out 0;
+    @include prefixer(transition, $properties, webkit moz spec);
+  }
+}
+
+@mixin transition-property ($properties...) {
+   -webkit-transition-property: transition-property-names($properties, 'webkit');
+      -moz-transition-property: transition-property-names($properties, 'moz');
+           transition-property: transition-property-names($properties, false);
+}
+
+@mixin transition-duration ($times...) {
+  @include prefixer(transition-duration, $times, webkit moz spec);
+}
+
+@mixin transition-timing-function ($motions...) {
+// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
+  @include prefixer(transition-timing-function, $motions, webkit moz spec);
+}
+
+@mixin transition-delay ($times...) {
+  @include prefixer(transition-delay, $times, webkit moz spec);
+}

data/fixtures/dummy-jekyll/_sass/mixins/_triangle.scss

@@ -0,0 +1,45 @@
+@mixin triangle ($size, $color, $direction) {
+  height: 0;
+  width: 0;
+
+  @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) {
+    border-color: transparent;
+    border-style: solid;
+    border-width: $size / 2;
+
+    @if $direction == up {
+      border-bottom-color: $color;
+
+    } @else if $direction == right {
+      border-left-color:   $color;
+
+    } @else if $direction == down {
+      border-top-color:    $color;
+
+    } @else if $direction == left {
+      border-right-color:  $color;
+    }
+  }
+
+  @else if ($direction == up-right) or ($direction == up-left) {
+    border-top: $size solid $color;
+
+    @if $direction == up-right {
+      border-left:  $size solid transparent;
+
+    } @else if $direction == up-left {
+      border-right: $size solid transparent;
+    }
+  }
+
+  @else if ($direction == down-right) or ($direction == down-left) {
+    border-bottom: $size solid $color;
+
+    @if $direction == down-right {
+      border-left:  $size solid transparent;
+
+    } @else if $direction == down-left {
+      border-right: $size solid transparent;
+    }
+  }
+}

data/fixtures/dummy-jekyll/app.json

@@ -0,0 +1,15 @@
+{
+  "name": "Engineering",
+  "description": "Heroku engineering blog",
+  "website": "https://engineering.heroku.com/",
+  "repository": "https://github.com/heroku/engineering",
+  "success_url": "/",
+  "buildpacks": [
+    {
+      "url": "https://github.com/dmathieu/heroku-buildpack-jekyll.git"
+    },
+    {
+      "url": "https://github.com/hone/heroku-buildpack-static"
+    }
+  ]
+}

data/fixtures/dummy-jekyll/bin/from-gdoc

@@ -0,0 +1,3 @@
+#!/bin/bash
+
+cat | fold -s -w 72 | sed -e 's/“/"/' | sed -e 's/”/"/'

data/fixtures/dummy-jekyll/bin/platform-setup

@@ -0,0 +1,15 @@
+#!/bin/bash
+
+if [ -z "$DEPLOY" ]; then
+    echo "Missing DEPLOY" 1>&2; exit 1
+fi
+
+set -exo pipefail
+
+heroku create -r $DEPLOY heroku-engineering-$DEPLOY
+
+heroku buildpacks:add https://github.com/dmathieu/heroku-buildpack-jekyll.git -r $DEPLOY
+heroku buildpacks:add https://github.com/hone/heroku-buildpack-static.git -r $DEPLOY
+
+git push $DEPLOY $(git rev-parse --abbrev-ref HEAD):master
+heroku open -r $DEPLOY

data/fixtures/dummy-jekyll/feed.xml

@@ -0,0 +1,34 @@
+---
+layout: null
+---
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>{{ site.title | xml_escape }}</title>
+    <description>{{ site.description | xml_escape }}</description>
+    <link>{{ site.url }}{{ site.baseurl }}/</link>
+    <atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml"/>
+    <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
+    <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
+    <generator>Jekyll v{{ jekyll.version }}</generator>
+
+    {% for post in site.posts limit:10 %}
+      <item>
+        <title>{{ post.title | xml_escape }}</title>
+        <description>{{ post.content | xml_escape }}</description>
+        <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
+        <link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
+        <guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
+
+        {% for tag in post.tags %}
+          <category>{{ tag | xml_escape }}</category>
+        {% endfor %}
+
+        {% for cat in post.categories %}
+          <category>{{ cat | xml_escape }}</category>
+        {% endfor %}
+
+      </item>
+    {% endfor %}
+  </channel>
+</rss>

data/fixtures/dummy-jekyll/index.html

@@ -0,0 +1,40 @@
+---
+layout: default
+---
+
+<div class="row">
+  <div class="col-xs-12">
+    <h1>Heroku Engineering Blog</h1>
+  </div>
+
+  {% for post in site.posts %}
+    <div class="col-xs-12">
+      <article>
+        <div class="row">
+          <div class="col-xs-12 col-md-6">
+            <header>
+              <h2><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h2>
+              <div class="byline">
+                <time>{{ post.date | date: "%B %-d, %Y" }}</time>
+
+                {% if post.author_name %}
+                  by {{ post.author_name }}
+                {% endif %}
+              </div>
+            </header>
+          </div>
+          <div class="col-xs-12 col-md-6">
+            {{ post.excerpt }}
+            <a href="{{ post.url | prepend: site.baseurl }}">Read more →</a>
+          </div>
+        </div>
+      </article>
+    </div>
+  {% endfor %}
+</div>
+
+<div id="feeds" style="margin-top:30px">
+  <p>
+  Subscribe to the <a title="Full-text RSS feed" href="/feed.xml">full-text</a> feed.
+  </p>
+</div>

data/fixtures/dummy-jekyll/static.json

@@ -0,0 +1,3 @@
+{
+  "https_only": true
+}

data/fixtures/dummy-rails/README.md

@@ -0,0 +1,9 @@
+# Bookends Dummy App
+
+### Spin up
+```
+$ bundle install
+$ cd project_root/spec/dummy/
+$ rails s
+$ open http://localhost:3000
+```

data/fixtures/dummy-rails/Rakefile

@@ -0,0 +1,6 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Rails.application.load_tasks