bookends 2.0.0 → 2.0.1

data/fixtures/dummy-jekyll/_sass/bookends/_footer.scss

@@ -1,390 +0,0 @@
-#heroku-footer {
-  #bookends-website { //honeypot
-    position: absolute;
-    left: -9999px;
-  }
-
-  .hide {
-    display: none;
-  }
-
-  $asset-path: 'bookends/footer';
-
-  $footer-width: 94%;
-  $footer-max-width: 1060px;
-
-  $color-header: #211746;
-  $color-purple: #6e5baa;
-  $color-link: #999;
-  $color-background: #f0f0f0;
-  $color-border: darken($color-background, 10%);
-
-  $threshold-tablet: 900px;
-  $threshold-mobile: 700px;
-
-  @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;
-    }
-  }
-
-  @mixin hide-text {
-    color: transparent;
-    font: 0/0 a;
-    text-shadow: none;
-  }
-
-  @mixin screen($threshold: max-width, $screen: $threshold-tablet) {
-    @media ($threshold: $screen) {
-      @content;
-    }
-  }
-
-  @mixin clearfix {
-    *zoom: 1;
-
-    &:before,
-    &:after {
-      content: " ";
-      display: table;
-    }
-
-    &:after {
-      clear: both;
-    }
-  }
-
-  padding-top: 15px;
-  background: $color-background;
-  box-shadow: 0 1px 1px 0 fade-out($color-background, .9) inset;
-  font-size: 13px;
-  color: #999;
-  line-height: 1.8em;
-  -webkit-font-smoothing: antialiased;
-
-  * {
-    @include box-sizing(border-box);
-  }
-
-  .wrapper {
-    @include clearfix();
-    position: relative;
-    width: $footer-width;
-    max-width: $footer-max-width;
-    padding: 2em 0;
-    margin: 0 auto;
-  }
-
-  a:link,
-  a:visited {
-    color: $color-link;
-    text-decoration: none;
-  }
-
-  a:hover,
-  a:active {
-    color: darken($color-link, 30%);
-  }
-
-  ul {
-    list-style: none;
-    padding-left: 0;
-    font-weight: 200;
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5 {
-    line-height: 1.1em;
-    padding: 0;
-  }
-
-  h3 {
-    color: $color-purple;
-    font-size: 14px;
-    font-weight: 500;
-  }
-
-  h4 {
-    margin: 1.33em 0;
-    font-size: 12px;
-    text-align: left;
-    font-weight: bold;
-    text-transform: uppercase;
-    letter-spacing: .1em;
-    color: $color-header;
-
-    @include screen($screen: $threshold-mobile) {
-      text-align: center;
-    }
-  }
-
-  .tertiary {
-    background: fade-out(white, .6);
-    @include screen() {
-      text-align: center;
-    }
-
-    a:link,
-    a:visited {
-      text-decoration: underline;
-    }
-
-    .col {
-      width: 50%;
-    }
-  }
-
-  .col {
-    display: block;
-    float: left;
-
-    ul {
-      margin: 1em 0;
-    }
-
-    li {
-      margin: 0;
-    }
-  }
-
-  .wrapper {
-
-    .col {
-      @include screen() {
-        float: none;
-        width: 100%;
-      }
-    }
-  }
-
-  .heroku-footer-links {
-    @include clearfix();
-    width: 70%;
-
-    .col {
-      width: 25%;
-      padding-right: 2%;
-      @include screen($screen: $threshold-mobile) {
-         width: auto;
-         padding-right: 0;
-         text-align: center;
-      }
-    }
-  }
-
-  .heroku-footer-social {
-    width: 30%;
-    @include screen() {
-      border-top: 1px solid $color-border;
-      text-align: center;
-      margin-top: 30px;
-      padding-top: 10px;
-    }
-
-    h3 {
-      margin: 7px 0 15px;
-      text-align: left;
-      span {
-        margin-right: 6px;
-        top: 4px;
-      }
-    }
-
-    #bookends-newsletter {
-      $input-height: 40px;
-
-      position: relative;
-      width: 100%;
-      padding-bottom: 10px;
-      @include screen(min-width, $threshold-tablet) {
-        border-bottom: 1px solid $color-border;
-      }
-
-      input[type="text"],
-      input[type="email"], {
-        -webkit-appearance: none;
-        width: 100%;
-        height: $input-height;
-        padding: 0 10px;
-        border-radius: 4px;
-        border: 1px solid $color-border;
-        box-shadow: 0 0 4px fade-out($color-purple, 1);
-        transition: all .2s ease;
-        -webkit-transition: all .2s ease;
-
-        &:focus {
-          outline: none;
-          box-shadow: 0 0 4px fade-out($color-purple, .5);
-          border-color: $color-purple;
-        }
-      }
-
-      input[type="submit"] {
-        -webkit-appearance: none;
-        position: absolute;
-        top: 0;
-        right: 0;
-        margin: 5px;
-        width: $input-height;
-        height: ($input-height - 10);
-        border: 0;
-        background-color: $color-purple;
-        border-radius: 3px;
-        text-transform: uppercase;
-        letter-spacing: .05em;
-        font-weight: bold;
-        text-align: center;
-        color: #fff;
-
-        &:focus {
-          outline: none;
-          border: 1px solid fade-out($color-purple, .5);
-        }
-
-        &:hover {
-          background-color: darken($color-purple, 5%);
-        }
-      }
-
-      p {
-        margin: 6px 0;
-        padding: 8px;
-        border-radius: 3px;
-        font-size: 11px;
-        text-align: left;
-        background-color: #fff;
-        height: $input-height;
-
-        &.error {
-          background-color: tomato;
-        }
-      }
-    }
-
-    .social-list {
-      margin: 0;
-      li {
-        display: inline-block;
-        margin-right: 5px;
-      }
-    }
-
-    iframe {
-      position: relative;
-      width: 100%;
-      margin: 0;
-
-      @include screen(min-width, $threshold-tablet) {
-        border-bottom: 1px solid $color-border;
-      }
-    }
-
-  }
-
-  .tertiary {
-    p {
-      margin: 1em 0;
-      padding: 0;
-      font-size: 13px;
-      color: #999;
-    }
-    ul {
-      margin: 13px 0 10px;
-      float: right;
-      @include screen() {
-       float: none;
-      }
-    }
-
-    li {
-      display: inline-block;
-      margin-right: 7px;
-      @include screen() {
-        &:last-child {
-          margin-right: 0;
-        }
-      }
-      a {
-        display: block;
-      }
-    }
-  }
-
-    .sfdc-heroku-logo {
-      @include hide-text;
-      display: block;
-      float: left;
-      width: 142px;
-      height: 54px;
-      margin-right: 18px;
-      background-image: asset-url("#{$asset-path}/salesforce_heroku_gray.png");
-      background-size: 100%;
-      @include screen() {
-        display: inline-block;
-        float: none;
-        margin-right: 0;
-      }
-    }
-
-  //Icons
-  [class^="heroku-footer-icon-"] {
-    position: relative;
-    display: inline-block;
-    width: 21px;
-    height: 21px;
-    background-color: transparent;
-    background-repeat: no-repeat;
-    background-image: asset-url("#{$asset-path}/footer_sprite.png");
-    @include hide-text;
-    @include hidpi {
-      background-image: asset-url("#{$asset-path}/footer_sprite@2x.png");
-      background-size: 200px 100px;
-    }
-  }
-
-  //Icon array (class, background position x, y)
-  $icons: (rss 0 0,
-           twitter -21px 0,
-           facebook -42px 0,
-           github -63px 0,
-           vimeo -84px 0,
-           linkedin -105px 0,
-           newsletter -21px -63px,
-           submit 0 -42px
-          );
-
-  //Each loop to create classes
-  .heroku-footer-icon {
-    @each $var in $icons {
-      &-#{nth($var, 1)} {
-        background-position: #{nth($var, 2)} #{nth($var, 3)};
-      }
-    }
-  }
-
-  //Hover state for social links
-  .social-list .heroku-footer-icon {
-    @each $var in $icons {
-      &-#{nth($var, 1)} {
-        &:hover {
-          background-position: #{nth($var, 2)} -21px;
-        }
-      }
-    }
-  }
-
-  .heroku-footer-icon-submit {
-    top: -8px;
-    &:hover {
-      background-position: 0 -63px;
-    }
-  }
-
-}

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

@@ -1,48 +0,0 @@
-//************************************************************************//
-// 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

@@ -1,22 +0,0 @@
-//************************************************************************//
-// 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

@@ -1,4 +0,0 @@
-@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

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

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

@@ -1,10 +0,0 @@
-// 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

@@ -1,41 +0,0 @@
-@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

@@ -1,49 +0,0 @@
-//************************************************************************//
-// 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

@@ -1,129 +0,0 @@
-@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; }
-      }
-    }
-  }
-}