shibori 1.5.1.beta1 → 1.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bd3752f6b9c721936586c7efcd78e2e02e25dbe3
-  data.tar.gz: 5d433817f3ffbed024f0a0babbd20a3f59085735
+  metadata.gz: e4f19b9236eb361d4a1dec0042d4173bd45f538c
+  data.tar.gz: c3d925f60331ce96d47d695aefa3e601f306c42d
 SHA512:
-  metadata.gz: '0950f19651a1158c43fc42e8f1afcf2b4db92dba8af3597eeb0ec045f09875a3338bb5b77d49277c70cca76068accd694f6a340f9fe48fc69fa3e23ca9317805'
-  data.tar.gz: b7089f81e469c577defdbd6d99c25ce9a94f45e3fb82cb6c05b540413c84fbce41f5daf631ffd8c18f4abe1aaf1c5576917f183b6a8ad20acf398e8859c60683
+  metadata.gz: 551ce16a1a99b4c738c071069ca59b31c58930cf4f11eb9a1b3d65bf6ab173003a97d747887f7ec293e36964d6528499e04bf25c827e87e60b8a91e7f8f12981
+  data.tar.gz: bb64252a65cd1810d0ffbcbce6d21932d46eaa99db94528fb59fd99e7a3ff66297901340ec439de4be4feda576e53ac75c4db0577b0d0285c3e1af698db7a1f0

data/builder/lineage_hunter.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/builder/list_item_hunter.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/builder/media_hunter.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/builder/object_factory.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/builder/parameter_hunter.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/builder/pattern_assembler.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/builder/pattern_exporter.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/builder/patternlab.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/builder/patternlab_grunt.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/builder/pseudopattern_hunter.js

@@ -1,5 +1,5 @@
 /** 
- * Heroku-Patterns - v0.2.0 - 2016
+ * Heroku-Patterns - v0.2.0 - 2017
  * 
  * , and the web community.
  * Licensed under the  license.

data/lib/shibori/version.rb

@@ -1,3 +1,3 @@
 module Shibori
-  VERSION = '1.5.1.beta1'
+  VERSION = '1.6.0'
 end

data/source/_patterns/00-atoms/04-quote/{00-pullquote.mustache → 01-blockquote-large.mustache}

@@ -1,7 +1,7 @@
-<blockquote class="pullquote">
+<blockquote class="quote-lg">
   <p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.</p>
   <cite>
-    <h6 class="quote-author">Quote Author</h6>
-    <p class="quote-author-meta">Author meta (position, company)</p>
+    <span class="quote-author">Quote Author</span>
+    <span class="quote-author-meta">Author meta (position, company)</span>
   </cite>
 </blockquote>

data/source/_patterns/00-atoms/04-quote/{01-quote-small.mustache → 02-blockquote-small.mustache}

@@ -1,7 +1,7 @@
-<blockquote class="pullquote pullquote-sm">
+<blockquote class="quote-sm">
   <p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.</p>
   <cite>
-    <h6 class="quote-author">Quote Author</h6>
-    <p class="quote-author-meta">Author meta (position, company)</p>
+    <span class="quote-author">Quote Author</span>
+    <span class="quote-author-meta">Author meta (position, company)</span>
   </cite>
 </blockquote>

data/source/_patterns/00-atoms/04-quote/03-pullquote-large.mustache

@@ -0,0 +1,8 @@
+<blockquote class="pullquote-lg">
+  <p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.</p>
+  <cite>
+    <img src="/images/blockquote/heroku-logo_2x.png">
+    <span class="quote-author">Quote Author</span>
+    <span class="quote-author-meta">Author meta (position, company)</span>
+  </cite>
+</blockquote>

data/source/_patterns/00-atoms/04-quote/04-pullquote-small.mustache

@@ -0,0 +1,7 @@
+<blockquote class="pullquote-sm">
+  <p>A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.</p>
+  <cite>
+    <span class="quote-author">Quote Author</span>
+    <span class="quote-author-meta">Author meta (position, company)</span>
+  </cite>
+</blockquote>

data/source/_patterns/00-atoms/07-loader/00-spinner.mustache

@@ -1,5 +1,5 @@
 <div class="spinner">
-  <span></span>
-  <span></span>
-  <span></span>
+  <i class="spinner__dot spinner__dot--one"></i>
+  <i class="spinner__dot spinner__dot--two"></i>
+  <i class="spinner__dot"></i>
 </div>

data/source/_patterns/00-atoms/{09-slider → 09-unslider}/00-dots.mustache

@@ -1,6 +1,6 @@
-<nav class="slider-nav">
+<nav class="unslider-nav">
   <ol>
-    <li data-slide="0" class="slide-active">1</li>
+    <li data-slide="0" class="unslider-active">1</li>
     <li data-slide="1" class="">2</li>
     <li data-slide="2" class="">3</li>
     <li data-slide="3" class="">4</li>

data/source/_patterns/00-atoms/14-users/00-avatar.mustache

@@ -1,3 +1,4 @@
-<div class="avatar">
-  <img src="http://www.nicenicejpg.com/100/100" alt="Nice Nice Avatar" width="80px" height="80px">
-</div>
+<span class="avatar"><img src="https://avatars3.githubusercontent.com/u/51578?v=3&s=460" alt="Nice Nice Avatar" width="80px" height="80px"></span>
+<span class="avatar"><img src="https://avatars2.githubusercontent.com/u/273653?v=3&s=460" alt="Nice Nice Avatar" width="80px" height="80px"></span>
+<span class="avatar"><img src="https://avatars0.githubusercontent.com/u/2006658?v=3&s=460" alt="Nice Nice Avatar" width="80px" height="80px"></span>
+<span class="avatar"><img src="https://avatars0.githubusercontent.com/u/871315?v=3&s=460" alt="Nice Nice Avatar" width="80px" height="80px"></span>

data/source/_patterns/01-molecules/01-layout/00-one-up.mustache

@@ -1,8 +1,8 @@
 <div class="sg-grid-example">
+  <p>
+    <code>.one-up</code>
+  </p>
   <div class="one-up">
-    <p>
-      <code>.one-up</code>
-    </p>
     <div class="col">First <code>.col</code></div>
   </div>
 </div>

data/source/_patterns/01-molecules/01-layout/01-two-up.mustache

@@ -1,8 +1,8 @@
 <div class="sg-grid-example">
+  <p>
+    <code>.two-up</code>
+  </p>
   <div class="two-up">
-    <p>
-      <code>.two-up</code>
-    </p>
     <div class="col">First <code>.col</code></div>
     <div class="col">Second <code>.col</code></div>
   </div>

data/source/_patterns/01-molecules/01-layout/02-three-up.mustache

@@ -1,8 +1,8 @@
 <div class="sg-grid-example">
+  <p>
+    <code>.three-up</code>
+  </p>
   <div class="three-up">
-    <p>
-      <code>.three-up</code>
-    </p>
     <div class="col">First <code>.col</code></div>
     <div class="col">Second <code>.col</code></div>
     <div class="col">Third <code>.col</code></div>

data/source/_patterns/01-molecules/01-layout/03-four-up.mustache

@@ -1,8 +1,8 @@
 <div class="sg-grid-example">
+  <p>
+    <code>.four-up</code>
+  </p>
   <div class="four-up">
-    <p>
-      <code>.four-up</code>
-    </p>
     <div class="col">First <code>.col</code></div>
     <div class="col">Second <code>.col</code></div>
     <div class="col">Third <code>.col</code></div>

data/source/css/_hk-icon-rails.scss

@@ -1,10 +1,10 @@
 @font-face {
   font-family: "hk-icon";
-  src:url(font-url('hk-icon/hk-icon.eot'));
-  src:url(font-url('hk-icon/hk-icon.eot?#iefix')) format('embedded-opentype'),
-    url(font-url('hk-icon/hk-icon.ttf')) format('truetype'),
-    url(font-url('hk-icon/hk-icon.woff')) format('woff'),
-    url(font-url('hk-icon/hk-icon.svg#hk-icon')) format('svg');
+  src:font-url('hk-icon/hk-icon.eot');
+  src:font-url('hk-icon/hk-icon.eot?#iefix') format('embedded-opentype'),
+    font-url('hk-icon/hk-icon.ttf') format('truetype'),
+    font-url('hk-icon/hk-icon.woff') format('woff'),
+    font-url('hk-icon/hk-icon.svg#hk-icon') format('svg');
   font-weight: normal;
   font-style: normal;
 }

data/source/css/shibori/scss/components/_forms.scss

@@ -71,7 +71,19 @@ select {
 
 select,
 select:focus {
-  background: url("data:image/gif;base64,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") no-repeat right $pad center;
+  background-image: url("data:image/gif;base64,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");
+  background-repeat: no-repeat;
+  background-position: right $pad center;
+
+  // ---- Fixes select box styles in Firefox
+  -moz-appearance: none;
+  text-indent: 0.01px;
+  text-overflow: '';
+
+  // ---- Fixes select box styles in IE
+  &::-ms-expand {
+    display: none;
+  }
 }
 
 

data/source/css/shibori/scss/components/_quote.scss

@@ -2,95 +2,175 @@
 // Quote
 // ==========================================================================
 
+// Global blockquote styles
 blockquote {
-  position: relative;
   margin: 0;
-  padding-left: $pad-xl;
-  border-left: 5px solid fade-out($purple-light, .5);
-}
+  padding-left: 10px;
+  position: relative;
+  border-left: 4px solid $gray-lighter;
+  text-align: left;
 
   cite {
     font-style: normal;
-    font-size: $font-sm;
+    font-size: $font-base;
+  }
+
+  .quote-author {
+    margin-bottom: 0;
+    display: block;
+    font-weight: $font-bold;
+    line-height: 1;
+  }
+
+  .quote-author-meta {
+    margin-top: $pad;
+    display: block;
+    color: $text-color-light;
+    line-height: 1.4;
+  }
+
+  .learn-more {
+    margin-top: $pad-sm;
+  }
+
+  img {
+    max-width: 70px;
+    margin-right: $pad-lg;
+    margin-top: -8px;
+    float: left;
+    border-radius: $border-radius-circle;
   }
 
+  // Quotes on a dark background
+  &.quote-dark {
+    color: $white;
+
+    p {
+      color: $white;
+    }
+
     .quote-author {
-      margin-bottom: 0;
-      font-size: $font-sm;
+      color: $white;
     }
 
     .quote-author-meta {
-      margin-top: $pad-sm;
-      color: $text-color-light;
+      color: fade-out($white, .5);
     }
+  }
+}
+
+// Regular blockquote large
+.quote-lg {
+  padding-left: $pad-xl;
+  border-left: 5px solid fade-out($purple-light, .5);
+  font-size: $font-xl;
+  font-weight: 200;
 
-//- Large quote for full width display
-.pullquote {
+  .quote-author {
+    font-size: $font-lg;
+  }
+  .quote-author-mega {
+    font-size: $font-base;
+  }
+}
+
+// Regular blockquote small
+.quote-sm {
+  padding-left: $pad-lg;
+  border-left: 3px solid fade-out($purple-light, .5);
+  font-size: $font-base;
+  font-weight: 200;
+}
 
-  $icon-width: 74px;
-  $icon-height: 44px;
-  $icon-width-sm: 60px;
-  $icon-height-sm: 36px;
+// Pullquotes
+[class^="pullquote"] {
+  border: none;
 
-  padding: $pad-xl $icon-width*1.25 $pad-xl $icon-width*1.5;
-  border: 0;
-  font-size: $font-lg;
+  p {
+    min-height: 40px;
+  }
 
-  //Quote icons
+  .quote-author {
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    color: $brand-primary;
+  }
+
+  // Quote icons
   &:before,
   &:after {
     content: "";
     position: absolute;
-    width: $icon-width;
-    height: $icon-height;
     background-repeat: no-repeat;
+    @media (max-width: $mobile) {
+      display: none;
+    }
   }
 
   &:before {
     left: 0;
-    @include retina-image(#{$image-path}/blockquote/open, $icon-width $icon-height);
   }
 
   &:after {
     right: 0;
-    bottom: $icon-height *3;
-    @include retina-image(#{$image-path}/blockquote/close, $icon-width $icon-height);
   }
+}
 
-  cite {
-    margin-top: $pad;
-    font-size: $font-base;
+$icon-width-lg: 74px;
+$icon-height-lg: 44px;
+$icon-width-sm: 60px;
+$icon-height-sm: 36px;
+
+// Pullquote large
+.pullquote-lg {
+  padding: $pad-xl $icon-width-lg*1.25 $pad-xl $icon-width-lg*1.5;
+  font-size: 27px;
+  font-weight: 100;
+  line-height: 1.2;
+  @media (max-width: $mobile) {
+    padding: 0 1em;
+  }
 
-    img {
-      float: left;
-      margin-right: $pad-lg;
-      margin-top: ($pad-lg)/2;
-    }
+  &:before,
+  &:after {
+    width: $icon-width-lg;
+    height: $icon-height-lg;
   }
 
-  .quote-author {
-    font-size: $font-base;
+  &:before {
+    @include retina-image(#{$image-path}/blockquote/open, $icon-width-lg $icon-height-lg);
   }
 
-  &.pullquote-sm {
-    padding: $pad-xl $icon-width-sm*1.25 $pad-xl $icon-width-sm*1.5;
-    font-size: $font-base - 1;
+  &:after {
+    bottom: $icon-height-lg *3;
+    @include retina-image(#{$image-path}/blockquote/close, $icon-width-lg $icon-height-lg);
+  }
 
-    &:before,
-    &:after {
-      width: $icon-width-sm;
-      height: $icon-height-sm;
-    }
+  &.quote-long {
+    font-size: 20px;
+  }
+}
 
-    &:before {
-      left: 0;
-      @include retina-image(#{$image-path}/blockquote/open-sm, $icon-width-sm $icon-height-sm);
-    }
+// Pullquote small
+.pullquote-sm {
+  padding: $pad-lg $icon-width-sm*1.25 $pad-lg $icon-width-sm*1.5;
+  font-size: $font-xl;
+  @media (max-width: $mobile) {
+    padding: 0 1em;
+  }
 
-    &:after {
-      right: 0;
-      bottom: $icon-height-sm *3;
-      @include retina-image(#{$image-path}/blockquote/close-sm, $icon-width-sm $icon-height-sm);
-    }
+  &:before,
+  &:after {
+    width: $icon-width-sm;
+    height: $icon-height-sm;
+  }
+
+  &:before {
+    @include retina-image(#{$image-path}/blockquote/open-sm, $icon-width-sm $icon-height-sm);
+  }
+
+  &:after {
+    bottom: $icon-height-sm *3;
+    @include retina-image(#{$image-path}/blockquote/close-sm, $icon-width-sm $icon-height-sm);
   }
 }

data/source/css/shibori/scss/components/_tables.scss

@@ -6,8 +6,6 @@ table {
   display: table;
   color: $gray-darker;
   font-size: $font-sm;
-  // max-width:  860px;
-  // margin: 0 auto;
   border-collapse: collapse;
   overflow: scroll;
   text-align: left;
@@ -25,17 +23,21 @@ table {
 
   td, th {
     display: table-cell;
-    min-width: 64px;
+    min-width: auto;
     padding: 10px 0;
 
-    // &:first-child {
-    //   flex: 1;
-    // }
+    &:not(:last-child) {
+      padding-right: 15px;
+    }
+
+    a {
+      overflow-wrap: break-word;
+      word-wrap: break-word;
+    }
   }
 
   tr {
     display: table-row;
-    // display: flex;
     border-bottom: 1px solid $gray-lighter;
     padding: 8px 0;
   }

data/source/css/shibori/scss/components/{_slider.scss → _unslider.scss}

@@ -1,5 +1,5 @@
 // // ==========================================================================
-// // Slider
+// // Unslider
 // //
 // // For use with unslider js plugin
 // // ==========================================================================
@@ -10,6 +10,7 @@ $dot-size: 10px;
 
 .unslider {
   overflow: auto;
+  position: relative;
 
   ol, ul {
     padding: 0;
@@ -60,11 +61,10 @@ $dot-size: 10px;
   }
 }
 
-.unslider-nav,
-.slider-nav {
+.unslider-nav {
   width: 100%;
-  height: 48px;
-  padding-top: $space;
+  height: 30px;
+  padding-top: $space/2;
 
   ol {
     position: absolute;
@@ -88,7 +88,8 @@ $dot-size: 10px;
       background: fade-out($purple, .5);
     }
 
-    &.slide-active {
+    &.slide-active,
+    &.unslider-active {
       background: fade-out($purple, .1);
     }
   }

data/source/css/shibori/scss/ecosystem/_cards.scss

@@ -157,7 +157,7 @@
     }
 
     &.cards-three-x {
-      @include media(min-width 1241px) {
+      @include media(min-width 760px) {
         margin-bottom: 5px;
         margin-right: 5px;
         width: calc(33.333333333% - 3.333333333px);
@@ -241,6 +241,8 @@
     }
 
     &.button {
+      text-align: left;
+
     	.brand-author {
         display: inline-block;
         font-size: $font-sm;
@@ -257,6 +259,7 @@
     }
 
     &.buildpack {
+      text-align: left;
 
       .buildpack-author {
         display: inline-block;
@@ -288,7 +291,7 @@
   		border: 1px solid #7B569F;
   		cursor: pointer;
   		box-shadow: 0 1px 4px rgba(#7B569F, .4);
-  		z-index: 50;
+  		z-index: auto;
       transition: all 150ms ease-in-out;
   	}
 

data/source/css/shibori/scss/globals/_variables.scss

@@ -72,6 +72,7 @@ $box-shadow: 0 2px 4px 0 fade-out($black, .88);
 $bp-xs: 480px;
 $bp-sm: 600px;
 $bp-med: 768px;
+$bp-med-plus: 1024px;
 $bp-lg: 1100px;
 $bp-xl: 1400px;
 

data/source/css/shibori/scss/layout/_grid-settings.scss

@@ -9,5 +9,6 @@ $default-feature: max-width;
 $mobile-sm: new-breakpoint($bp-xs);
 $mobile: new-breakpoint($bp-sm);
 $tablet: new-breakpoint($bp-med);
+$tablet-landscape: new-breakpoint($bp-med-plus);
 $desktop: new-breakpoint($bp-lg);
 $large-screen: new-breakpoint($bp-xl);

data/source/css/shibori/scss/layout/_layout.scss

@@ -54,7 +54,7 @@
 //- Two up
 .two-up .col {
   @include span-columns(6);
-  @include omega(3n);
+  @include omega(2n);
 
   @include media($mobile) {
     @include span-columns(12);
@@ -64,7 +64,7 @@
 //- Three up
 .three-up .col {
   @include span-columns(4);
-  @include omega(4n);
+  @include omega(3n);
 
   @include media($mobile) {
     @include span-columns(12);
@@ -74,7 +74,12 @@
 //- Four up
 .four-up .col {
   @include span-columns(3);
-  @include omega(6n);
+  @include omega(4n);
+
+  @include media($tablet) {
+    @include span-columns(6);
+    @include omega(2n);
+  }
 
   @include media($mobile) {
     @include span-columns(12);

data/source/css/shibori.scss

@@ -50,7 +50,7 @@
 @import "shibori/scss/components/tooltips";
 @import "shibori/scss/components/readmore";
 @import "shibori/scss/components/spinner";
-@import "shibori/scss/components/slider";
+@import "shibori/scss/components/unslider";
 @import "shibori/scss/components/alert";
 @import "shibori/scss/components/modal";
 @import "shibori/scss/components/panel";

metadata

@@ -1,53 +1,53 @@
 --- !ruby/object:Gem::Specification
 name: shibori
 version: !ruby/object:Gem::Version
-  version: 1.5.1.beta1
+  version: 1.6.0
 platform: ruby
 authors:
 - Heroku
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-01-27 00:00:00.000000000 Z
+date: 2017-02-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bourbon
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "<"
+    - - <
       - !ruby/object:Gem::Version
         version: 5.0.0
-    - - ">="
+    - - '>='
       - !ruby/object:Gem::Version
         version: 3.1.8
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "<"
+    - - <
       - !ruby/object:Gem::Version
         version: 5.0.0
-    - - ">="
+    - - '>='
       - !ruby/object:Gem::Version
         version: 3.1.8
 - !ruby/object:Gem::Dependency
   name: neat
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ~>
       - !ruby/object:Gem::Version
         version: '1.7'
-    - - ">="
+    - - '>='
       - !ruby/object:Gem::Version
         version: 1.7.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ~>
       - !ruby/object:Gem::Version
         version: '1.7'
-    - - ">="
+    - - '>='
       - !ruby/object:Gem::Version
         version: 1.7.2
 description: shibori styleguide
@@ -56,7 +56,7 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- ".gitignore"
+- .gitignore
 - Gemfile
 - Gemfile.lock
 - Procfile
@@ -132,8 +132,7 @@ files:
 - source/_patterns/00-atoms/00-typography/01-headings-options.mustache
 - source/_patterns/00-atoms/00-typography/02-body.mustache
 - source/_patterns/00-atoms/00-typography/03-text-manipulation.mustache
-- source/_patterns/00-atoms/00-typography/04-blockquotes.mustache
-- source/_patterns/00-atoms/00-typography/05-lists.mustache
+- source/_patterns/00-atoms/00-typography/04-lists.mustache
 - source/_patterns/00-atoms/01-colors/00-colors-monochromatic.mustache
 - source/_patterns/00-atoms/01-colors/01-colors-brand.mustache
 - source/_patterns/00-atoms/01-colors/02-colors-gradients.mustache
@@ -149,14 +148,16 @@ files:
 - source/_patterns/00-atoms/03-forms/02-checkbox.mustache
 - source/_patterns/00-atoms/03-forms/03-radios.mustache
 - source/_patterns/00-atoms/03-forms/04-validation.mustache
-- source/_patterns/00-atoms/04-quote/00-pullquote.mustache
-- source/_patterns/00-atoms/04-quote/01-quote-small.mustache
+- source/_patterns/00-atoms/04-quote/01-blockquote-large.mustache
+- source/_patterns/00-atoms/04-quote/02-blockquote-small.mustache
+- source/_patterns/00-atoms/04-quote/03-pullquote-large.mustache
+- source/_patterns/00-atoms/04-quote/04-pullquote-small.mustache
 - source/_patterns/00-atoms/05-code/01-pre.mustache
 - source/_patterns/00-atoms/06-tooltips/00-text.mustache
 - source/_patterns/00-atoms/06-tooltips/01-diagram-callout.mustache
 - source/_patterns/00-atoms/07-loader/00-spinner.mustache
 - source/_patterns/00-atoms/08-readmore/00-readmore.mustache
-- source/_patterns/00-atoms/09-slider/00-dots.mustache
+- source/_patterns/00-atoms/09-unslider/00-dots.mustache
 - source/_patterns/00-atoms/10-tables/00-tables.mustache
 - source/_patterns/00-atoms/12-modal/00-modal.mustache
 - source/_patterns/00-atoms/13-panel/00-panel.mustache
@@ -188,7 +189,7 @@ files:
 - source/_patterns/01-molecules/02-navigation/05-pagination.mustache
 - source/_patterns/01-molecules/02-navigation/06-tabs.mustache
 - source/_patterns/01-molecules/03-forms/_00-search.mustache
-- source/_patterns/01-molecules/04-slider/00-slider.mustache
+- source/_patterns/01-molecules/04-unslider/00-unslider.mustache
 - source/_patterns/01-molecules/05-messages/00-alert.mustache
 - source/_patterns/01-molecules/06-components/_00-social-share.mustache
 - source/_patterns/01-molecules/07-Elements/01-Addons-Card.mustache
@@ -223,12 +224,12 @@ files:
 - source/css/shibori/scss/components/_pill-box.scss
 - source/css/shibori/scss/components/_quote.scss
 - source/css/shibori/scss/components/_readmore.scss
-- source/css/shibori/scss/components/_slider.scss
 - source/css/shibori/scss/components/_spinner.scss
 - source/css/shibori/scss/components/_sprites.scss
 - source/css/shibori/scss/components/_sr-only.scss
 - source/css/shibori/scss/components/_tables.scss
 - source/css/shibori/scss/components/_tooltips.scss
+- source/css/shibori/scss/components/_unslider.scss
 - source/css/shibori/scss/components/_users.scss
 - source/css/shibori/scss/components/_vertical-tabs.scss
 - source/css/shibori/scss/components/_video.scss
@@ -274,11 +275,17 @@ files:
 - source/fonts/inconsolata/inconsolata-regular.ttf
 - source/fonts/inconsolata/inconsolata-regular.woff
 - source/images/blockquote/close-sm.png
+- source/images/blockquote/close-sm_2x.png
 - source/images/blockquote/close.png
 - source/images/blockquote/close@2x.png
+- source/images/blockquote/close_2x.png
+- source/images/blockquote/heroku-logo.png
+- source/images/blockquote/heroku-logo_2x.png
 - source/images/blockquote/open-sm.png
+- source/images/blockquote/open-sm_2x.png
 - source/images/blockquote/open.png
 - source/images/blockquote/open@2x.png
+- source/images/blockquote/open_2x.png
 - source/images/elements/heroku_suported.svg
 - source/images/forms/select-input-arrows.svg
 - source/js/init.js
@@ -310,17 +317,17 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - '>='
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.8
+rubygems_version: 2.0.0
 signing_key: 
 specification_version: 4
 summary: shibori styleguide

data/source/_patterns/00-atoms/00-typography/04-blockquotes.mustache

@@ -1,3 +0,0 @@
-<blockquote>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus dolorem nihil odit doloribus nobis earum dolorum maxime quidem fuga, iusto ipsa praesentium eos similique saepe quis non officiis eveniet? Eveniet?</p>
-</blockquote>