bookends 0.6.0 → 2.0.0

data/fixtures/dummy-jekyll/_sass/_legacy.scss

@@ -0,0 +1,567 @@
+* {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+html {
+    margin: 0;
+    padding: 0;
+}
+body {
+    font-family: "proxima-nova", "helvetica neue", helvetica, arial;
+    font-size: 16px;
+    line-height: 22px;
+    margin: 0;
+    padding: 0;
+    color: #2d2d2d;
+}
+@media (max-width: 1110px) {
+    body {
+    font-size: 14px;
+    line-height: 20px;
+}
+}
+@media (max-width: 1110px) {
+    img, figure {
+    width: auto !important;
+    max-width: 100% !important;
+}
+}
+@media (max-width: 480px) {
+    img, figure {
+    width: auto !important;
+    max-width: 100% !important;
+}
+}
+h1.anchored a, h2.anchored a, h3.anchored a, h4.anchored a, h5.anchored a, h6.anchored a {
+    display: inline-block;
+    text-decoration: none;
+}
+h1.anchored a:hover, h2.anchored a:hover, h3.anchored a:hover, h4.anchored a:hover, h5.anchored a:hover, h6.anchored a:hover {
+    color: #6e5baa;
+    background: none;
+}
+h2 {
+    color: #6e5baa;
+    font-size: 22px;
+    line-height: 28px;
+    margin: 0;
+    padding: 30px 0 5px 0;
+}
+h2.anchored {
+    padding: 0;
+}
+h2.anchored a {
+    padding: 30px 0 5px 0;
+}
+h3 {
+    color: rgba(110, 91, 170, 0.85);
+    font-size: 17px;
+    line-height: 24px;
+    margin: 0;
+    padding: 20px 0 0 0;
+}
+h3.anchored {
+    padding: 0;
+}
+h3.anchored a {
+    padding-top: 20px;
+}
+h4 {
+    color: rgba(110, 91, 170, 0.7);
+    font-size: 18px;
+    line-height: 24px;
+    margin: 0;
+    padding: 20px 0 0 0;
+}
+h4.anchored {
+    padding: 0;
+}
+h4.anchored a {
+    padding-top: 20px;
+}
+p {
+    margin: 0;
+    padding: 5px 0;
+}
+p code {
+    font-family: Menlo, Monaco, monospace;
+    font-size: 13px;
+    padding: 2px 3px;
+    background: #f0f0f0;
+}
+p a code {
+    background: none;
+    font-size: 14px;
+    padding: 0;
+}
+p.notice {
+    background-color: #fff7d8;
+    border: 1px solid #f5e3c4;
+    color: #7f6b2e;
+    padding: 10px;
+    margin: 10px 0;
+    font-size: 14px;
+}
+hr {
+    border: 0;
+    height: 2px;
+    background-color: #eee;
+}
+ol, ul {
+    list-style-position: outside;
+    margin: 5px 0 5px 20px;
+    padding: 0;
+}
+ol li, ul li {
+    margin: 8px 0 8px 16px;
+}
+ul {
+    margin-left: 10px;
+}
+pre {
+    font-family: Menlo, Monaco, monospace;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    -ms-border-radius: 3px;
+    -o-border-radius: 3px;
+    border-radius: 3px;
+    font-size: 14px;
+    line-height: 20px;
+    background-color: #f0f0f0;
+    border: 1px solid #eee;
+    color: #2d2d2d;
+    padding: 10px;
+    margin: 10px 0;
+    overflow-x: scroll;
+}
+@media (max-width: 480px) {
+    pre {
+    max-width: 100%}
+}
+a {
+    color: #6e5baa;
+}
+a.iconic {
+    font-family: heroku;
+    font-weight: normal;
+    font-size: 20px;
+    line-height: 20px;
+    font-weight: normal;
+    -webkit-font-feature-settings: "liga", "dlig";
+    -moz-font-feature-settings: "liga=1, dlig=1";
+    -moz-font-feature-settings: "liga", "dlig";
+    -ms-font-feature-settings: "liga", "dlig";
+    -o-font-feature-settings: "liga", "dlig";
+    font-feature-settings: "liga", "dlig";
+    text-decoration: none;
+    text-rendering: optimizeLegibility;
+}
+.hidden {
+    display: none;
+}
+.weak, .faint {
+    -webkit-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    transition: all 0.3s;
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+    opacity: 0.5;
+}
+.weak:hover, .faint:hover {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+    opacity: 1;
+}
+iframe {
+    margin: 20px 0;
+    max-width: 100%}
+form.standard {
+    max-width: 610px;
+}
+form.standard .input {
+    margin: 20px 0;
+}
+form.standard .input .label_and_hint {
+    display: block;
+}
+form.standard .input .label_and_hint .hint {
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+    opacity: 0.5;
+    padding: 0 5px;
+}
+form.standard .input input, form.standard .input textarea {
+    width: 100%;
+    font-family: "proxima-nova", "helvetica neue", helvetica, arial;
+    font-size: 16px;
+    line-height: 22px;
+}
+form.standard .upload-hint {
+    background: #dff0d8;
+    display: none;
+    color: #777;
+    font-size: 13px;
+    padding: 5px 8px;
+}
+form.standard textarea.dragover {
+    background: #dff0d8 url(/assets/upload-text-6552c37ccd9028f1f12c99951cf8fed6.png) no-repeat center center;
+    border: 10px dashed #46a546;
+    color: transparent;
+}
+form.standard textarea.uploading {
+    background: #dff0d8 url(/assets/upload-spinner-d60d2a5055578c53e8eb2560088010a2.gif) no-repeat center center;
+    border: 10px dashed #46a546;
+    color: transparent;
+}
+.call_to_action {
+    background-color: rgba(110, 91, 170, 0.3);
+    border: 1px solid rgba(110, 91, 170, 0.4);
+    color: #6e5baa;
+    padding: 10px;
+    margin: 10px 0;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    -ms-border-radius: 3px;
+    -o-border-radius: 3px;
+    border-radius: 3px;
+}
+.simple_signup {
+    display: block;
+    float: none;
+    overflow: hidden;
+}
+.simple_signup input {
+    padding: 4px;
+    font-family: "proxima-nova", "helvetica neue", helvetica, arial;
+    font-size: 16px;
+    line-height: 22px;
+}
+.simple_signup input[type="text"] {
+    display: block;
+    float: left;
+    width: 460px;
+}
+@media (max-width: 1110px) {
+    .simple_signup input[type="text"] {
+    width: 100%}
+}
+.simple_signup input[type="submit"], .simple_signup input.button {
+    display: block;
+    float: right;
+    border: none;
+    padding: 5px 15px;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    -ms-border-radius: 3px;
+    -o-border-radius: 3px;
+    border-radius: 3px;
+    background: #6e5baa;
+    color: #fff;
+    cursor: pointer;
+    -webkit-appearance: none;
+}
+.simple_signup input[type="submit"]:hover, .simple_signup input.button:hover {
+    background-color: #58488a;
+}
+@media (max-width: 1110px) {
+    .simple_signup input[type="submit"], .simple_signup input.button {
+    margin-top: 10px;
+    width: 100%}
+}
+blockquote {
+    border-left: 5px solid #eee;
+    margin: 15px 0;
+    padding: 0px 15px;
+}
+dd {
+    padding: 5px 0;
+    margin: 0;
+}
+@media (max-width: 1110px) {
+    dd {
+    padding: 5px 15px;
+}
+}
+table {
+    font-size: 15px;
+    margin: 1em 0;
+    width: 100%;
+    border-collapse: collapse;
+}
+table tr:hover {
+    background-color: #f0f0f0;
+}
+table th, table td {
+    border: 1px solid lightgray;
+}
+table th {
+    background: #f0f0f0;
+    text-align: left;
+    padding: 2px 5px;
+}
+table td {
+    padding: 5px 5px;
+}
+table td a {
+    text-decoration: none;
+}
+table td a.iconic {
+    line-height: 22px;
+}
+ol.horizontal {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+ol.horizontal>li {
+    display: inline-block;
+    border-right: 1px solid #eee;
+    padding: 5px 10px;
+    margin: 0;
+}
+ol.horizontal>li:first-child {
+    border-left: none;
+    padding-left: 0;
+}
+ol.horizontal>li:last-child {
+    border-right: none;
+    padding-right: 0;
+}
+#fuji {
+    border-top: 6px solid #6e5baa;
+}
+#fuji .fuji-container {
+    padding-left: 0;
+    padding-right: 0;
+}
+@media (max-width: 1110px) {
+    #fuji .fuji-container {
+    max-width: 610px;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+}
+body>.content {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    *zoom: 1;
+    margin: 0 auto;
+    max-width: 66.25em;
+    width: 87.64709%}
+body>.content:before, body>.content:after {
+    content: " ";
+    display: table;
+}
+body>.content:after {
+    clear: both;
+}
+@media (max-width: 1110px) {
+    body>.content {
+    max-width: 610px;
+}
+}
+article {
+    display: block;
+    float: none;
+    overflow: hidden;
+    position: relative;
+    margin: 40px 0 100px 0;
+    padding: 0;
+}
+@media (max-width: 1110px) {
+    article {
+    margin: 10px 0 60px 0;
+}
+}
+article:first-child {
+    margin-top: 80px;
+}
+article:last-of-type {
+    margin-bottom: 50px;
+}
+article hgroup {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: block;
+    float: left;
+    margin-right: 6.17645%;
+    margin-bottom: 6.17645%;
+    width: 38.06374%;
+    vertical-align: top;
+}
+article hgroup:last-child {
+    margin-bottom: 0;
+}
+@media (max-width: 1110px) {
+    article hgroup {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: block;
+    float: left;
+    margin-right: 6.17645%;
+    margin-bottom: 6.17645%;
+    width: 100%;
+    vertical-align: top;
+    float: right;
+    margin-right: 0;
+    position: relative;
+    max-width: 100%;
+    margin: 5px 0 10px 0;
+}
+article hgroup:last-child {
+    margin-bottom: 0;
+}
+}
+article hgroup h1 {
+    margin: 0;
+    padding: 0;
+    font-size: 32px;
+    line-height: 38px;
+    font-weight: normal;
+    color: #6e5baa;
+}
+article hgroup h1 a {
+    color: #6e5baa;
+    text-decoration: none;
+}
+article hgroup h1 a:hover {
+    text-decoration: underline;
+}
+article hgroup .byline {
+    font-size: 16px;
+    line-height: 22px;
+    font-weight: normal;
+    color: #999;
+    margin: 0;
+    padding: 10px 0 0 0;
+}
+article hgroup .byline a {
+    color: #999;
+    text-decoration: underline;
+}
+article hgroup .byline a:hover {
+    color: #6e5baa;
+    text-decoration: underline;
+}
+article .post_body {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: block;
+    float: left;
+    margin-right: 6.17645%;
+    margin-bottom: 6.17645%;
+    width: 55.75981%;
+    vertical-align: top;
+    float: right;
+    margin-right: 0;
+}
+article .post_body:last-child {
+    margin-bottom: 0;
+}
+@media (max-width: 1110px) {
+    article .post_body {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: block;
+    float: left;
+    margin-right: 6.17645%;
+    margin-bottom: 6.17645%;
+    width: 100%;
+    vertical-align: top;
+    float: right;
+    margin-right: 0;
+}
+article .post_body:last-child {
+    margin-bottom: 0;
+}
+}
+article .post_body img {
+    max-width: 100%}
+article .post_body img.stretchy {
+    width: 100%}
+article .post_body .meta, article .post_body a.read_more {
+    margin-top: 20px;
+}
+ol.addon_matrix {
+    display: block;
+    float: none;
+    overflow: hidden;
+    list-style: none;
+    margin: 10px 0;
+    padding: 0;
+}
+ol.addon_matrix>li {
+    display: block;
+    float: left;
+    margin: 10px;
+    padding: 0;
+}
+ol.addon_matrix>li a {
+    -webkit-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    transition: all 0.3s;
+    display: block;
+    height: 140px;
+    width: 140px;
+    padding: 15px 0 0 0;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-position: center 15px;
+    text-decoration: none;
+}
+@media (max-width: 1110px) {
+    ol.addon_matrix>li a {
+    width: 180px;
+}
+}
+ol.addon_matrix>li a span {
+    display: block;
+    margin: 10px 0 0 0;
+    text-align: center;
+}
+ol.addon_matrix>li a:hover {
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -ms-border-radius: 6px;
+    -o-border-radius: 6px;
+    border-radius: 6px;
+    background-color: #f0f0f0;
+    color: #2d2d2d;
+    text-decoration: none;
+}
+.pagination {
+    text-align: center;
+    position: relative;
+    margin: 20px auto 1em auto;
+}
+@media (max-width: 1110px) {
+    .pagination {
+    padding-left: 0;
+    line-height: 40px;
+}
+}
+.pagination a, .pagination em {
+    padding: 4px 8px;
+    text-decoration: none;
+    font-style: normal;
+}
+.pagination a:hover, .pagination em:hover {
+    text-decoration: underline;
+}
+.pagination span.disabled {
+    color: #999;
+}
+#feeds {
+    margin-bottom: 80px;
+    line-height: 20px;
+    text-align: center;
+    color: #999;
+}
+.map {
+    width: 100%;
+    height: 300px;
+    margin: 20px 0;
+}

data/fixtures/dummy-jekyll/_sass/_menu-icon.scss

@@ -0,0 +1,68 @@
+.mobile-nav {
+  color: transparent;
+  font: 0/0 a;
+  text-shadow: none;
+  width: 30px;
+  height: 20px;
+  position: relative;
+  -webkit-transform: rotate(0deg);
+  -moz-transform: rotate(0deg);
+  -ms-transform: rotate(0deg);
+  -o-transform: rotate(0deg);
+  transform: rotate(0deg);
+  -webkit-transition: 0.3s ease-in-out;
+  -moz-transition: 0.3s ease-in-out;
+  transition: 0.3s ease-in-out;
+  cursor: pointer;
+}
+.mobile-nav span {
+  display: block;
+  position: absolute;
+  height: 2px;
+  width: 100%;
+  background: #C7BFDF;
+  border-radius: 9px;
+  opacity: 1;
+  left: 0;
+  -webkit-transform: rotate(0deg);
+  -moz-transform: rotate(0deg);
+  -ms-transform: rotate(0deg);
+  -o-transform: rotate(0deg);
+  transform: rotate(0deg);
+  -webkit-transition: 0.15s ease-in-out;
+  -moz-transition: 0.15s ease-in-out;
+  transition: 0.15s ease-in-out;
+}
+.mobile-nav span:nth-child(1) {
+  top: 0px;
+}
+.mobile-nav span:nth-child(2),
+.mobile-nav span:nth-child(3) {
+  top: 8px;
+}
+.mobile-nav span:nth-child(4) {
+  top: 16px;
+}
+.active .mobile-nav span:nth-child(1) {
+  top: 6px;
+  width: 0%;
+  left: 50%}
+.active .mobile-nav span:nth-child(2) {
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+.active .mobile-nav span:nth-child(3) {
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+.active .mobile-nav span:nth-child(4) {
+  top: 6px;
+  width: 0%;
+  left: 50%;
+}

data/fixtures/dummy-jekyll/_sass/_mixins.scss

@@ -0,0 +1,12 @@
+@import 'mixins/responsiveness';
+@import 'mixins/background-image';
+@import 'mixins/box-sizing';
+@import 'mixins/prefixer';
+@import 'mixins/size';
+@import 'mixins/transition';
+@import 'mixins/border-radius';
+@import 'mixins/linear-gradient';
+@import 'mixins/hide-text';
+@import 'mixins/retina-image';
+@import 'mixins/hidpi';
+@import 'mixins/triangle';

data/fixtures/dummy-jekyll/_sass/_search.scss

@@ -0,0 +1,51 @@
+@import 'google-cse';
+
+$search-icon-size: 14px;
+
+.site-search {
+  @include box-sizing(border-box);
+
+  input[type="search"],
+  input[type="text"] {
+    position: relative;
+    width: 100%;
+    font-size: 14px;
+    padding: 7px $search-icon-size*2 7px 10px;
+    border: 1px solid #fff;
+    border-radius: $border-radius;
+    @include box-sizing(border-box);
+
+    &:focus {
+      outline: 0;
+    }
+
+  }
+
+  .gsc-input input.gsc-input {
+    padding: 7px $search-icon-size*2 7px 10px !important;
+  }
+
+  .gsc-search-button {
+    &:after {
+      content: "";
+      display: block;
+      position: absolute;
+      right: 8px;
+      top: 8px;
+      width: $search-icon-size;
+      height: $search-icon-size;
+      @include retina-image(components/search-sprite, 28px 28px);
+      background-repeat: no-repeat;
+    }
+  }
+
+}
+
+[class*="icon-search"],
+[class^="icon-search-"] {
+  display: inline-block;
+  width: $search-icon-size;
+  height: $search-icon-size;
+  @include retina-image(components/search-sprite, 28px 28px);
+  background-repeat: no-repeat;
+}