github-docs 0.0.7 → 0.0.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 134de1d72d735c36ff74aa9c844051cc055fa89ad5c6ca44fe55e9978ddbd150
-  data.tar.gz: 1818310c2150d4b99cacf25906b27287e544015e380d7693f2b6dfaba8fb953e
+  metadata.gz: 0e5caa79900ec6cb060aed3775e4d9a21ceb4827181cd6ef04f4a4f8b6c37ff8
+  data.tar.gz: 27b1484dc6354daabe6c8bad6cc9951b83aa425b7aac3d5157b09a46050ee73b
 SHA512:
-  metadata.gz: 7e8c065b5aceab2956df6486b27943e916bab358d7271ebc78d038947324362f1c349d5949a98e5fd5a3f8b6c4cec7748993a8f72d96b7cb562cfc1dab519a6c
-  data.tar.gz: 62a073e88c79b782a3e6196e23726217a7d51f87a5177c4c3561415f45181b527742a3253cb0a30607ab95212c109b8bd3a291bccde4aaab9d664a6a478b8360
+  metadata.gz: 1c834f68656f56f998b6b8ae11318d41b65c374f75dea9c87d8c8cf7aa02a2cb24d0e78b3ab0a73dc11d0363535ee815e929a15bf4d01801caaa35311170428a
+  data.tar.gz: 22a9073e61410596b1e86a616022c4b47226504c3f2d4e5234f0d962545d82ed8522467c7e13d795adcbb9321ce3aee55eb03a35c3aa3eab44c7027cf22361bd

data/_layouts/default.html

@@ -22,7 +22,8 @@
         <div class="main-body markdown-body">
           <!-- Edit button -->
           {% if site.github_url != nil and site.github_url != "" %}
-            <a href="{{ site.github_url }}/edit/master/{{ page.path }}" class="main-edit-pencil">
+            <a href="{{ site.github_url }}/edit/master/{% if site.basedir %}{{ site.basedir }}/{% endif %}{{ page.path }}"
+              class="main-edit-pencil">
               <svg aria-hidden="true" viewBox="0 0 16 16" version="1.1" height="16" width="16">
                 <path fill-rule="evenodd" d="M11.013 1.427a1.75 1.75 0 012.474 0l1.086 1.086a1.75 1.75 0 010 2.474l-8.61 8.61c-.21.21-.47.364-.756.445l-3.251.93a.75.75 0 01-.927-.928l.929-3.25a1.75 1.75 0 01.445-.758l8.61-8.61zm1.414 1.06a.25.25 0 00-.354 0L10.811 3.75l1.439 1.44 1.263-1.263a.25.25 0 000-.354l-1.086-1.086zM11.189 6.25L9.75 4.81l-6.286 6.287a.25.25 0 00-.064.108l-.558 1.953 1.953-.558a.249.249 0 00.108-.064l6.286-6.286z"></path>
               </svg>

data/readme.md

@@ -13,12 +13,20 @@ A Jekyll theme for Github styled documentation
 
 1. To preview this theme in your project via `github-pages`, add a Gemfile in your root folder
     ```ruby
+    # (old)
+    # source 'https://rubygems.org'
+    # gem 'github-pages', group: :jekyll_plugins
+
+    # Below pulls the latest remote_theme in development
     source 'https://rubygems.org'
-    gem 'github-pages', group: :jekyll_plugins
+    gem "github-docs", git: "https://github.com/boycce/github-docs"
+    group :jekyll_plugins do
+      gem "jekyll-remote-theme", "~> 0.4.2"
+    end
     ```
 2. Then update `github-pages` and the `theme`
     ```
-    $ bundle update
+    $ bundle install // or bundle update
     ```
 3. And run
     ```

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: github-docs
 version: !ruby/object:Gem::Version
-  version: 0.0.7
+  version: 0.0.17
 platform: ruby
 authors:
 - Ricky Boyce
@@ -92,32 +92,7 @@ files:
 - _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
-- assets/css/cherry/_base-normalize.scss
-- assets/css/cherry/_buttons.scss
-- assets/css/cherry/_columns.scss
-- assets/css/cherry/_elements.scss
-- assets/css/cherry/_forms-vue-select.scss
-- assets/css/cherry/_forms.scss
-- assets/css/cherry/_functions.scss
-- assets/css/cherry/_index.scss
-- assets/css/cherry/_layout.scss
-- assets/css/cherry/_modal.scss
-- assets/css/cherry/_spacing.scss
-- assets/css/cherry/_tooltips.scss
-- assets/css/cherry/_typography.scss
-- assets/css/cherry/_utilities.scss
-- assets/css/cherry/_variables-computed.scss
-- assets/css/cherry/_variables.scss
 - assets/css/index.scss
-- assets/css/main.scss
-- assets/css/primer-markdown/blob-csv.scss
-- assets/css/primer-markdown/code.scss
-- assets/css/primer-markdown/headings.scss
-- assets/css/primer-markdown/images.scss
-- assets/css/primer-markdown/index.scss
-- assets/css/primer-markdown/lists.scss
-- assets/css/primer-markdown/tables.scss
-- assets/css/rouge.scss
 - assets/imgs/back.svg
 - assets/js/anchor.min.js
 - assets/js/index.js

data/assets/css/cherry/_base-normalize.scss

@@ -1,274 +0,0 @@
-$family-primary:       BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
-                       "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
-$family-secondary:     BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
-                      "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default;
-$family-mono:          monospace !default;
-$body-background:      transparent !default;
-$body-color:           $text !default;
-$body-font-family:     $family-primary !default;
-$body-font-size:       1em !default;
-$body-font-weight:     400 !default;
-$body-letter-spacing:  0 !default;
-$body-line-height:     1.5em !default;
-$doc-font-size:        15px !default;
-$link-text-decoration: underline !default;
-$link-outline:         none !default;
-
-/* ---- Main ------------------------- */
-
-  html {
-    font-size: $doc-font-size;
-    -webkit-text-size-adjust: 100%;
-    -webkit-backface-visibility: hidden;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-  body {
-    background-color: $body-background;
-    color: $body-color;
-    font-family: $body-font-family;
-    font-size: $body-font-size;
-    font-weight: $body-font-weight;
-    letter-spacing: $body-letter-spacing;
-    line-height: $body-line-height;
-    overflow-y: scroll;
-  }
-  html, body {
-    height: 100%;
-    margin: 0;
-  }
-  .preload * {
-    animation-duration: 0s !important;
-    -webkit-animation-duration: 0s !important;
-  }
-  a {
-    color: $link;
-    background-color: transparent; /* ie10 */
-    text-decoration: $link-text-decoration;
-    text-decoration-color: $link;
-    transition: 0.13s ease;
-  }
-  a:hover {
-    color: $link--hover;
-    text-decoration-color: $link--hover;
-  }
-  a:focus {
-    color: $link--focus;
-    text-decoration-color: $link--focus;
-    outline: $link-outline;
-  }
-  q,
-  div,
-  article,
-  aside,
-  details,
-  figcaption,
-  form,
-  figure,
-  footer,
-  header,
-  hgroup,
-  main,
-  menu,
-  nav,
-  section,
-  summary {
-    display: block;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  b, strong {
-    font-weight: bolder;
-  }
-  h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-  }
-  hr {
-    border: none;
-    height: 0;
-    border-bottom: 1px solid #f0f0f0;
-    overflow: hidden;
-  }
-  img {
-    border-style: none;
-  }
-  pre, code, kbd, samp {
-    font-family: monospace, monospace;
-    font-size: 0.9em;
-  }
-  small {
-    font-size: 80%;
-  }
-  sub, sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  ul, ol, li {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-  }
-
-/* ---- Table ------------------------ */
-
-  table,
-  .table {
-    border-collapse: collapse;
-    border-spacing: 0;
-    font-size: inherit;
-  }
-  .thead {
-    display: table-header-group;
-    vertical-align: middle;
-    border-color: inherit;
-  }
-  .tbody {
-    display: table-row-group;
-    vertical-align: middle;
-    border-color: inherit;
-  }
-  .tfoot {
-    display: table-footer-group;
-    vertical-align: middle;
-    border-color: inherit;
-  }
-  .tr {
-    display: table-row;
-    vertical-align: inherit;
-    border-color: inherit;
-  }
-  th,
-  .th {
-    padding: 0;
-    display: table-cell;
-    vertical-align: inherit;
-    font-weight: bold;
-    text-align: -internal-center;
-  }
-  td,
-  .td {
-    display: table-cell;
-    vertical-align: inherit;
-  }
-  .td,
-  .th {
-    text-align: inherit;
-  }
-  td:not([align]),
-  th:not([align]) {
-    text-align: inherit;
-  }
-
-/* ---- Forms ------------------------ */
-
-  form {
-    margin: 0;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    line-height: 1.15;
-    margin: 0;
-  }
-  button,
-  input {
-    overflow: visible;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type="button"],
-  [type="reset"],
-  [type="submit"] {
-    -webkit-appearance: button;
-  }
-  button::-moz-focus-inner,
-  [type="button"]::-moz-focus-inner,
-  [type="reset"]::-moz-focus-inner,
-  [type="submit"]::-moz-focus-inner {
-    border-style: none;
-    padding: 0;
-  }
-  button:-moz-focusring,
-  [type="button"]:-moz-focusring,
-  [type="reset"]:-moz-focusring,
-  [type="submit"]:-moz-focusring {
-    outline: 1px dotted ButtonText;
-  }
-  [type="checkbox"],
-  [type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-  }
-  [type="number"]::-webkit-inner-spin-button,
-  [type="number"]::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-    outline-offset: -2px; /* 2 */
-  }
-  [type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  [hidden] {
-    display: none;
-  }
-  input[type="search"]::-webkit-search-decoration,
-  input[type="search"]::-webkit-search-cancel-button,
-  input[type="search"]::-webkit-search-results-button,
-  input[type="search"]::-webkit-search-results-decoration {
-    -webkit-appearance: none;
-  }
-  input[type="date"],
-  input[type="datetime-local"],
-  input[type="time"],
-  input[type="month"],
-  input[type="week"] {
-    &::-webkit-inner-spin-button {
-      display: none;
-    }
-  }
-  textarea {
-    overflow: auto;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button; /* 1 */
-    font: inherit; /* 2 */
-  }
-
-/* ---- Selection -------------------- */
-
-  ::-moz-selection {
-    background: #5984FF;
-    text-shadow: none;
-    color: #fff;
-    -webkit-text-fill-color: #fff !important;
-  }
-  ::selection {
-    background: #5984FF;
-    text-shadow: none;
-    color: #fff;
-    -webkit-text-fill-color: #fff !important;
-  }
-  ::-moz-selection {
-    background: #5984FF;
-    text-shadow: none;
-    color: #fff;
-    -webkit-text-fill-color: #fff !important;
-  }

data/assets/css/cherry/_buttons.scss

@@ -1,305 +0,0 @@
-$btn-background-color:   $primary !default;
-$btn-background-image:   null !default;
-$btn-border-color:       null !default;
-$btn-border-radius:      5px !default;
-$btn-border-width:       2px !default;
-$btn-box-shadow:         none !default;
-$btn-box-shadow--active: $btn-box-shadow !default;
-$btn-disabled-opacity:   0.5 !default;
-$btn-font-family:        $body-font-family !default;
-$btn-font-size:          1rem !default;
-$btn-font-weight:        600 !default;
-$btn-icon-size:          1.3em !default;
-$btn-icon-margin:        0.4em !default;
-$btn-line-height:        1.5em !default;
-$btn-padding:            12px 31px !default;
-$btn-min-height:         0 !default;
-$btns-margin-right:      1rem !default;
-$btns-margin-bottom:     1.5rem !default;
-
-// Add default color to loop over
-$btn-app-colors: mergeColorMaps($app-colors, (
-  "default": ($btn-background-color, $btn-background-image)
-));
-
-@mixin loader($color) {
-  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 9C2 5.5 4.64444 2 9.15556 2C13.6667 2 16 5.88889 16 9" stroke="#{encodecolor($color)}" stroke-width="2"/></svg>')
-}
-
-@function calcBoxShadow($border-color: null) {
-  // Pass $border-color to add border into the box-shadow
-  $border-width: $btn-border-width;
-  $border-shadow: null;
-  // Default border width
-  @if ($border-width <= 0px) {
-    $border-width: 2px;
-  }
-  // Get values
-  @if ($border-color and $btn-box-shadow != none) {
-    @return 0 0 0 $border-width $border-color inset, $btn-box-shadow;
-  }
-  @else if ($border-color) {
-    @return 0 0 0 $border-width $border-color inset;
-  }
-  @else if ($btn-box-shadow != none) {
-    @return $btn-box-shadow;
-  }
-  @else {
-    @return none;
-  }
-}
-
-/* ---- Main ------------------------- */
-
-  .btn {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    padding: $btn-padding;
-    font-family: $btn-font-family;
-    font-style: normal;
-    font-weight: $btn-font-weight;
-    font-size: $btn-font-size;
-    min-height: $btn-min-height;
-    line-height: $btn-line-height;
-    text-align: center;
-    text-decoration: none;
-    justify-content: center;
-    background-size: 200% auto; /* 200% for gradients */
-    border-radius: $btn-border-radius;
-    border: 0;
-    outline: 0;
-    box-sizing: border-box;
-    cursor: pointer;
-    transition: all 200ms ease;
-    white-space: nowrap;
-    -webkit-appearance: none;
-    -moz-user-select: -moz-none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    -o-user-select: none;
-    user-select: none;
-  }
-  .btn.is-full,
-  .btn.is-fullwidth, {
-    display: flex;
-    width: 100%;
-  }
-
-  /* Icon */
-
-  .btn .icon {
-    align-items: center;
-    display: inline-flex;
-    justify-content: center;
-    height: $btn-icon-size;
-    width: $btn-icon-size;
-    transition: opacity 200ms ease;
-    &:first-child:not(:last-child) {
-      margin-left: calc(-0.2em - 1px);
-      margin-right: $btn-icon-margin;
-    }
-    &:last-child:not(:first-child) {
-      margin-right: calc(-0.2em - 1px);
-      margin-left: $btn-icon-margin;
-    }
-  }
-
-  /* Multiple buttons */
-
-  .btns {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-  }
-  .btns .btn {
-    margin-right: $btns-margin-right;
-    margin-bottom: $btns-margin-bottom;
-  }
-  .btns .btn:last-child {
-    margin-right: 0;
-  }
-
-  /* Loading */
-
-  .btn::after {
-    content: "";
-    display: block;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    width: 18px;
-    height: 18px;
-    margin: -10px;
-    opacity: 0;
-    z-index: 0;
-    animation: loaderOne .9s cubic-bezier(.435,.165,.615,.81) infinite;
-    background-size: auto;
-    background-position: top;
-    background-repeat: no-repeat;
-    box-sizing: border-box;
-    z-index: 2;
-    @include loader(#fff);
-  }
-  .btn.is-loading,
-  .btn.is-loading:hover,
-  .btn.is-loading:focus {
-    cursor: default;
-    color: transparent !important;
-  }
-  .btn.is-loading .icon {
-    opacity: 0;
-  }
-  .btn.is-loading svg.icon {
-    fill: transparent !important;
-  }
-  .btn.is-loading::after {
-    opacity: 1;
-  }
-  @keyframes loaderOne {
-    0% {
-      transform:rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-
-  /* Button styles */
-
-  @each $name, $value in $btn-app-colors {
-    $cssname: '.btn';
-    $color: nth($value, 1);
-    $color-invert: nth($value, 2);
-    $background-image: nth($value, 5);
-    $border-color: null;
-
-    @if ($background-image == null) {
-      $background-image: none;
-    }
-    @if ($name == 'default') {
-      $border-color: $btn-border-color;
-    }
-    @if $name != 'default' {
-      $cssname: '.btn.is-#{$name}';
-    }
-
-    #{$cssname} {
-      color: $color-invert;
-      background-color: $color;
-      box-shadow: calcBoxShadow($border-color);
-      background-image: $background-image;
-      &:hover,
-      &:focus,
-      &:active,
-      &.is-hovered,
-      &.is-focused,
-      &.is-active {
-        color: $color-invert;
-        background-color: cherryDarken($color, 8%);
-        background-position: right center;
-        box-shadow: calcBoxShadow($border-color);
-      }
-      &[disabled],
-      fieldset[disabled] & {
-        opacity: $btn-disabled-opacity;
-        background-color: $color;
-        cursor: default;
-      }
-      &.is-loading {
-        background-color: $color;
-        background-position: left center;
-        &::after {
-          @include loader($color-invert);
-        }
-      }
-      &.is-inverted {
-        color: $color;
-        background-color: $color-invert;
-        background-image: none;
-        box-shadow: calcBoxShadow();
-        &::after {
-          @include loader($color);
-        }
-        &:hover,
-        &:focus,
-        &:active,
-        &.is-hovered,
-        &.is-focused,
-        &.is-active {
-          background-color: cherryDarken($color-invert, 5%);
-        }
-        &[disabled],
-        fieldset[disabled] &,
-        &.is-loading {
-          color: $color;
-          background-color: $color-invert;
-        }
-      }
-      &.is-outlined {
-        // Use $color if default `border-color` not set
-        $border-color-outlined: $border-color;
-        @if ($border-color == null) {
-          $border-color-outlined: $color;
-        }
-        color: $color;
-        background-color: transparent;
-        background-image: none;
-        box-shadow: calcBoxShadow($border-color-outlined);
-        &::after {
-          @include loader($color);
-        }
-        &:hover,
-        &:focus,
-        &:active,
-        &.is-hovered,
-        &.is-focused,
-        &.is-active {
-          color: $color-invert;
-          background-color: $color;
-          background-image: $background-image;
-          box-shadow: calcBoxShadow(transparent);
-        }
-        &[disabled],
-        fieldset[disabled] &,
-        &.is-loading {
-          color: $color;
-          background-color: transparent;
-          background-image: none;
-          box-shadow: calcBoxShadow($border-color-outlined);
-        }
-      }
-      // If light and dark colors are provided
-      @if length($value) >= 4 and nth($value, 4) {
-        $color-light: nth($value, 3);
-        $color-dark: nth($value, 4);
-        &.is-light {
-          color: $color-dark;
-          background-color: $color-light;
-          background-image: none;
-          box-shadow: calcBoxShadow();
-          &::after {
-            @include loader($color-dark);
-          }
-          &:hover,
-          &:focus,
-          &:active,
-          &.is-hovered,
-          &.is-focused,
-          &.is-active {
-            background-color: cherryDarken($color-light, 4%);
-            color: $color-dark;
-          }
-          &[disabled],
-          fieldset[disabled] &,
-          &.is-loading {
-            color: $color-dark;
-            background-color: $color-light;
-            background-image: none;
-            box-shadow: calcBoxShadow();
-          }
-        }
-      }
-    }
-  }