doccoli-jekyll 1.1.2 → 1.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4688d32b0bcaa82e78857a36374688c81c8cb835
-  data.tar.gz: a5177d7230e076bf3adb442926d8bb17f2387bcb
+  metadata.gz: 404c28527334403054de5fecb5ee38df9297c217
+  data.tar.gz: dadb8e0b2184e859811c1dcd683cbdfa091b27b3
 SHA512:
-  metadata.gz: efc3b22a48b6783b70ec115208e50b5861b04b74786404b67c9e9c4d641080910c1f1aa1ec314b0c94f8746fe366c3b6809a41babbf44895549419781727bbf5
-  data.tar.gz: 6279d9928b0a0b783c67372c6067f2f66205f0e7c9869ed8fa7e0675625ffdcbdb483b2e59991aaa9d646fe9b2a3b641489f41805398e0621d00bac5369acf0b
+  metadata.gz: 7a5dc04c10309e557ab805ea4f883e1a75e6a778fee649d8bfffe5a7643a9dab632e6bb5708cd15c10be59d5c839f7e5e84543485db883b6b7ec26539ee5cb1c
+  data.tar.gz: ac51c7a78dc28d438cc48184e23c6491ecf171e8c9112948a17796d5e4deac79446ab172c76bd4c3b48fa4c222dccaedd894e4301659c570a729691a48d58f94

data/README.md

@@ -1,8 +1,10 @@
 # doccoli-jekyll
 
-The `doccoli-jekyll` is the Jekyll theme in use at [The Bubblin Blog](https://bubblin.io/blog/). It is a particularly useful theme for situations where you want to add a blog to your site, say on the side of your rails app (website) or over a url like this:
+The `doccoli-jekyll` is the Jekyll theme in use for documentation at [Bubblin Superbooks](https://bubblin.io/docs/). It is a particularly useful theme for products made by solo founders (developers) or a bootstrapped team with very limited resources.
 
-> https://example.com/blog/
+Easily add a responsive "blog-like" implementation for product documentation on your website; something like say on the side of your rails app over a url like this:
+
+> https://example.com/docs/
 
 
 `doccoli-jekyll` was originally a fork off of [Minima](https://github.com/jekyll/minima)—the default gem-theme of Jekyll-but it has been rewritten completely using the [Toucaan CSS](https://github.com/marvindanig/toucaan) fundamentals for its themed layout.
@@ -21,10 +23,12 @@ Add this line to your Jekyll site's Gemfile:
 gem "doccoli-jekyll"
 ```
 
-And add this line to your Jekyll site:
+And add this line to your Jekyll site (_config.yml) and set `search: true`:
 
 ```yaml
 theme: doccoli-jekyll
+
+search: true
 ```
 
 And then execute:

data/_includes/sidebar.html

@@ -1,4 +1,4 @@
-<aside class="sidebar left top fixed">
+<aside class="sidebar left top fixed hide-on-mobiles">
 
     <ul class="toc">
         {% for post in site.posts %}

data/_sass/doccoli-jekyll.scss

@@ -1,4 +1,3 @@
-@import "scss/content";
 @import "scss/footer";
 @import "scss/header";
 @import "scss/sidebar";

data/_sass/scss/_reusable.scss

@@ -239,9 +239,11 @@ th {
 
 .container {
     margin: 44px 0 0 0;
-    width: calc(100vw - 208px);
     background: white;
-    margin-left: 208px;
+}
+
+.wrapper {
+    margin: 0 auto;
 }
 
 .left {
@@ -491,6 +493,10 @@ ul.horizontal-list li {
         .align {
             margin: 0 0;
         }
+        .container {
+            width: calc(100vw - 208px);
+            margin-left: 208px;
+        }
     }
 }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: doccoli-jekyll
 version: !ruby/object:Gem::Version
-  version: 1.1.2
+  version: 1.1.3
 platform: ruby
 authors:
 - Marvin Danig
@@ -94,10 +94,8 @@ files:
 - _layouts/post.html
 - _sass/doccoli-jekyll.scss
 - _sass/scss/_base.scss
-- _sass/scss/_content.scss
 - _sass/scss/_footer.scss
 - _sass/scss/_header.scss
-- _sass/scss/_layout.scss
 - _sass/scss/_reusable.scss
 - _sass/scss/_sidebar.scss
 - _sass/scss/_syntax-highlighting.scss

data/_sass/scss/_content.scss

@@ -1,3 +0,0 @@
-.wrapper {
-    margin: 0 auto;
-}

data/_sass/scss/_layout.scss

@@ -1,250 +0,0 @@
-/**
- * Site header
- */
-.site-header {
-  border-top: 5px solid $grey-color-dark;
-  border-bottom: 1px solid $grey-color-light;
-  min-height: $spacing-unit * 1.865;
-
-  // Positioning context for the mobile navigation icon
-  position: relative;
-}
-
-.site-title {
-  @include relative-font-size(1.625);
-  font-weight: 300;
-  line-height: $base-line-height * $base-font-size * 2.25;
-  letter-spacing: -1px;
-  margin-bottom: 0;
-  float: left;
-
-  &,
-  &:visited {
-    color: $grey-color-dark;
-  }
-}
-
-.site-nav {
-  float: right;
-  line-height: $base-line-height * $base-font-size * 2.25;
-
-  .nav-trigger {
-      display: none;
-  }
-
-  .menu-icon {
-    display: none;
-  }
-
-  .page-link {
-    color: $text-color;
-    line-height: $base-line-height;
-
-    // Gaps between nav items, but not on the last one
-    &:not(:last-child) {
-      margin-right: 20px;
-    }
-  }
-
-  @include media-query($on-palm) {
-    position: absolute;
-    top: 9px;
-    right: $spacing-unit / 2;
-    background-color: $background-color;
-    border: 1px solid $grey-color-light;
-    border-radius: 5px;
-    text-align: right;
-
-    label[for="nav-trigger"] {
-      display: block;
-      float: right;
-      width: 36px;
-      height: 36px;
-      z-index: 2;
-      cursor: pointer;
-    }
-
-    .menu-icon {
-      display: block;
-      float: right;
-      width: 36px;
-      height: 26px;
-      line-height: 0;
-      padding-top: 10px;
-      text-align: center;
-
-      > svg path {
-        fill: $grey-color-dark;
-      }
-    }
-
-    input ~ .trigger {
-      clear: both;
-      display: none;
-    }
-
-    input:checked ~ .trigger {
-      display: block;
-      padding-bottom: 5px;
-    }
-
-    .page-link {
-      display: block;
-      padding: 5px 10px;
-
-      &:not(:last-child) {
-        margin-right: 0;
-      }
-      margin-left: 20px;
-    }
-  }
-}
-
-
-
-/**
- * Site footer
- */
-.site-footer {
-  border-top: 1px solid $grey-color-light;
-  padding: $spacing-unit 0;
-}
-
-.footer-heading {
-  @include relative-font-size(1.125);
-  margin-bottom: $spacing-unit / 2;
-}
-
-.contact-list,
-.social-media-list {
-  list-style: none;
-  margin-left: 0;
-}
-
-.footer-col-wrapper {
-  @include relative-font-size(0.9375);
-  color: $grey-color;
-  margin-left: -$spacing-unit / 2;
-  @extend %clearfix;
-}
-
-.footer-col {
-  float: left;
-  margin-bottom: $spacing-unit / 2;
-  padding-left: $spacing-unit / 2;
-}
-
-.footer-col-1 {
-  width: -webkit-calc(35% - (#{$spacing-unit} / 2));
-  width:         calc(35% - (#{$spacing-unit} / 2));
-}
-
-.footer-col-2 {
-  width: -webkit-calc(20% - (#{$spacing-unit} / 2));
-  width:         calc(20% - (#{$spacing-unit} / 2));
-}
-
-.footer-col-3 {
-  width: -webkit-calc(45% - (#{$spacing-unit} / 2));
-  width:         calc(45% - (#{$spacing-unit} / 2));
-}
-
-@include media-query($on-laptop) {
-  .footer-col-1,
-  .footer-col-2 {
-    width: -webkit-calc(50% - (#{$spacing-unit} / 2));
-    width:         calc(50% - (#{$spacing-unit} / 2));
-  }
-
-  .footer-col-3 {
-    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
-    width:         calc(100% - (#{$spacing-unit} / 2));
-  }
-}
-
-@include media-query($on-palm) {
-  .footer-col {
-    float: none;
-    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
-    width:         calc(100% - (#{$spacing-unit} / 2));
-  }
-}
-
-
-
-/**
- * Page content
- */
-.page-content {
-  padding: $spacing-unit 0;
-}
-
-.page-heading {
-  @include relative-font-size(1.25);
-}
-
-.post-list {
-  margin-left: 0;
-  list-style: none;
-
-  > li {
-    margin-bottom: $spacing-unit;
-  }
-}
-
-.post-meta {
-  font-size: $small-font-size;
-  color: $grey-color;
-}
-
-.post-link {
-  display: block;
-  @include relative-font-size(1.5);
-}
-
-
-
-/**
- * Posts
- */
-.post-header {
-  margin-bottom: $spacing-unit;
-}
-
-.post-title {
-  @include relative-font-size(2.625);
-  letter-spacing: -1px;
-  line-height: 1;
-
-  @include media-query($on-laptop) {
-    @include relative-font-size(2.25);
-  }
-}
-
-.post-content {
-  margin-bottom: $spacing-unit;
-
-  h2 {
-    @include relative-font-size(2);
-
-    @include media-query($on-laptop) {
-      @include relative-font-size(1.75);
-    }
-  }
-
-  h3 {
-    @include relative-font-size(1.625);
-
-    @include media-query($on-laptop) {
-      @include relative-font-size(1.375);
-    }
-  }
-
-  h4 {
-    @include relative-font-size(1.25);
-
-    @include media-query($on-laptop) {
-      @include relative-font-size(1.125);
-    }
-  }
-}