github-docs 0.0.17 → 0.0.21

data/_sass/cherry/_variables.scss

@@ -0,0 +1,48 @@
+@import "functions.scss";
+
+// Base colors
+$black:            hsl(0, 0%, 0%) !default;
+$black-light:      hsl(0, 0%, 7%) !default;
+$black-lighter:    hsl(0, 0%, 13%) !default;
+$black-lightest:   hsl(0, 0%, 17%) !default;
+
+$grey:             hsl(0, 0%, 27%) !default;
+$grey-light:       hsl(0, 0%, 47%) !default;
+$grey-lighter:     hsl(0, 0%, 73%) !default;
+$grey-lightest:    hsl(0, 0%, 91%) !default;
+
+$white-darkest:    hsl(0, 0%, 94%) !default;
+$white-darker:     hsl(0, 0%, 96%) !default;
+$white-dark:       hsl(0, 0%, 98%) !default;
+$white:            hsl(0, 0%, 100%) !default;
+
+$orange:           hsl(14,  100%, 53%) !default;
+$yellow:           hsl(48,  100%, 67%) !default;
+$green:            hsl(141, 53%,  53%) !default;
+$turquoise:        hsl(171, 100%, 41%) !default;
+$cyan:             hsl(204, 71%,  53%) !default;
+$blue:             hsl(217, 71%,  53%) !default;
+$violet:           hsl(259, 100%, 67%) !default;
+$purple:           hsl(271, 100%, 71%) !default;
+$red:              hsl(348, 86%, 61%) !default;
+
+// App colors
+$primary:          $violet !default;
+$secondary:        $blue !default;
+$success:          $green !default;
+$info:             $blue !default;
+$warning:          $yellow !default;
+$danger:           $red !default;
+$text:             $black-light !default;
+$text-light:       $grey !default;
+$text-lighter:     $grey-light !default;
+$text-strong:      $black !default;
+$link:             $black-light !default;
+$link--hover:      $blue !default;
+$link--focus:      $blue !default;
+
+// Breakpoints
+$breakpoint-lg: 1023px !default; /*desktop*/
+$breakpoint-md: 768px !default; /*tablet*/
+$breakpoint-sm: 590px !default; /*mobile*/
+$breakpoint-xs: 589px !default; /*mobile*/

data/_sass/main.scss

@@ -0,0 +1,256 @@
+$sidebar-width: 250px;
+$sidebar-bg: #f8f8fb; //rgba(#f5f5fa, 0.7);
+$sidebar-heading-height: 80px;
+$menu-color: #483973;
+
+/* --- Main -------------------------- */
+
+  .docs {
+    max-width: 1400px;
+    margin: 0 auto;
+  }
+  .main {
+    display: block;
+    margin-left: $sidebar-width;
+  }
+  .main-body {
+    display: block;
+    max-width: 910px;
+    margin: 0 auto;
+    padding: 40px;
+    padding-top: 50px;
+    padding-bottom: 60px;
+  }
+  .main-edit-pencil {
+    float: right;
+    display: block;
+    margin-top: 24px !important;
+    padding: 10px;
+    line-height: 0em;
+    border-radius: 6px;
+    color: #6a737d;
+    background: transparent;
+    transition: .2s cubic-bezier(.3,0,.5,1);
+    transition-property: color,background-color,border-color;
+    svg {
+      fill: #6a737d;
+    }
+    &:hover,
+    &:focus,
+    &:active {
+      background-color: #F3F4F6;
+      border-color: #1b1f2326;
+      transition-duration: .1s;
+    }
+  }
+  .markdown-body {
+    > .main-edit-pencil + * {
+      margin-top: 0 !important;
+    }
+  }
+  .main-heading {
+    display: block;
+  }
+  @media (max-width: 800px) {
+    .main {
+      margin-left: 0;
+    }
+  }
+
+/* --- Sidebar ----------------------- */
+
+  .sidebar {
+    position: fixed;
+    top: 0;
+    width: $sidebar-width;
+    height: 100vh;
+    background: $sidebar-bg;
+    border-right: 1px solid darken($sidebar-bg, 3%);
+    z-index: 2;
+  }
+  .sidebar:after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: -10000px;
+    right: 100%;
+    bottom: 0;
+    background: $sidebar-bg;
+  }
+  .sidebar-heading {
+    height: $sidebar-heading-height;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid #eee;
+    font-family: 'Roboto', sans-serif;
+    font-size: 1.5em;
+    font-weight: 900;
+    letter-spacing: -0.5px;
+  }
+  .sidebar-heading a {
+    color: #232035;
+    text-decoration: none;
+  }
+  .sidebar-heading button {
+    flex: 0;
+    padding: 9px 25px;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 1.5em;
+    color: #fff;
+    background-color: #483973;
+    border-radius: 3px;
+    border: 0;
+    box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
+    transition: box-shadow 0.2s ease;
+    cursor: pointer;
+  }
+  .sidebar-heading button:hover {
+    box-shadow: 0 4px 6px rgba(50,50,93,0.3), 0 1px 3px rgba(0,0,0,0.3);
+  }
+  .sidebar-close,
+  .sidebar-heading,
+  .navigation-list-link {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+  .sidebar-nav {
+    position: relative;
+    z-index: 11;
+    padding: 0px 1px;
+  }
+
+  /* sidebar heading mobile */
+
+  .sidebar-heading-mobile {
+    border-bottom: 1px solid #eee;
+  }
+  .sidebar-close {
+    display: flex;
+    align-items: center;
+    height: $sidebar-heading-height - 10px;
+    cursor: pointer;
+    padding: 0 25px;
+  }
+  .sidebar-close img {
+    width: 22px;
+    margin-left: -2px;
+  }
+  @media (max-width: 800px) {
+    .sidebar {
+      position: static;
+      top: auto;
+      width: 100%;
+      height: auto;
+      background: none;
+    }
+    .sidebar-nav {
+      position: fixed;
+      left: -$sidebar-width;
+      top: 0;
+      width: $sidebar-width;
+      height: 100vh;
+      background: $sidebar-bg;
+      border-right: 1px solid darken($sidebar-bg, 3%);
+      box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px, rgba(0, 0, 0, 0.28) 0px 4px 8px;
+      transition: transform 400ms cubic-bezier(0.4, 0, 0, 1);
+      transform: translate(0, 0);
+    }
+    .sidebar-heading,
+    .sidebar-close,
+    .navigation-list-link {
+      padding-left: 40px;
+      padding-right: 40px;
+    }
+    .sidebar-overlay {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 100%;
+      bottom: 0;
+      z-index: 0;
+      opacity: 0;
+      background-color: rgba(24, 48, 85, 0.3);
+      transition: opacity 250ms ease-in-out, right 0s 250ms;
+    }
+    .nav-open .sidebar-nav {
+      transform: translate($sidebar-width, 0);
+    }
+    .nav-open .sidebar-overlay {
+      transition: opacity 250ms ease-in-out;
+      right: 0;
+      opacity: 1;
+    }
+  }
+  @media (min-width: 801px) {
+    .mobile-only {
+      display: none;
+    }
+    .sidebar-overlay {
+      display: none;
+    }
+  }
+
+/* --- Navigation -------------------- */
+
+  .navigation-list {
+    padding: 20px 0;
+    display: block;
+    list-style: none;
+  }
+  .navigation-list-link {
+    position: relative;
+    display: block;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    color: $menu-color;
+    font-size: 1.1em;
+    text-decoration: none !important;
+  }
+  .navigation-list-link.active,
+  .navigation-list-link:hover {
+    text-decoration: none !important;
+    color: darken($menu-color, 40%);
+  }
+  .navigation-list-link:before {
+    content: "";
+    position: absolute;
+    display: block;
+    top: 50%;
+    left: 0;
+    height: 18px;
+    width: 4px;
+    margin-top: -9px;
+    background-color: transparent;
+    border-radius: 3px;
+    transform: translateX(-3px);
+    transition: all 0.2s ease;
+  }
+  .navigation-list-link.active:before,
+  .navigation-list-link:hover:before {
+    background-color: $menu-color;
+    transform: translateX(0);
+  }
+
+  /* submenu */
+
+  .navigation-list ul {
+    padding-left: 0;
+    display: block;
+    list-style: none;
+  }
+  .navigation-list ul .navigation-list-link {
+    padding-left: 50px;
+  }
+
+  /* aux navigation */
+
+  .navigation-list-aux {
+    padding: 0 0 20px;
+    display: block;
+    list-style: none;
+  }
+  .navigation-list-aux .navigation-list-link:before {
+    display: none;
+  }

data/_sass/primer-markdown/blob-csv.scss

@@ -0,0 +1,25 @@
+.markdown-body {
+  .csv-data {
+    td,
+    th {
+      padding: 5px;
+      overflow: hidden;
+      font-size: $markdown-font-size-small;
+      line-height: 1em;
+      text-align: left;
+      white-space: nowrap;
+    }
+    .blob-num {
+      padding: 10px $markdown-spacer-2 9px;
+      text-align: right;
+      background: #fff;
+      border: 0;
+    }
+    tr { border-top: 0; }
+    th {
+      font-weight: $markdown-font-weight-bold;
+      background: $gray-100;
+      border-top: 0;
+    }
+  }
+}

data/_sass/primer-markdown/code.scss

@@ -0,0 +1,49 @@
+.markdown-body {
+  // Inline code snippets
+  code,
+  tt {
+    font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
+    // font-size: 85%;
+    padding: 0.2em 0.4em;
+    margin: 0;
+    background-color: rgba(#000, 0.05);
+    border-radius: 4px;
+    br { display: none; }
+  }
+  // Code blocks
+  pre {
+    padding: $markdown-spacer-3;
+    overflow: auto;
+    font-size: 85%;
+    line-height: 1.4;
+    background-color: $gray-100;
+    border-radius: 6px;
+    word-wrap: normal;
+    // Code tags within code blocks
+    > code {
+      padding: 0;
+      margin: 0;
+      font-size: 100%;
+      word-break: normal;
+      white-space: pre;
+      background: transparent;
+      border: 0;
+    }
+    code,
+    tt {
+      display: inline;
+      max-width: auto;
+      padding: 0;
+      margin: 0;
+      overflow: visible;
+      line-height: inherit;
+      word-wrap: normal;
+      background-color: transparent;
+      border: 0;
+    }
+  }
+  .highlight pre {
+    margin-bottom: 0;
+    word-break: normal;
+  }
+}

data/_sass/primer-markdown/headings.scss

@@ -0,0 +1,51 @@
+.markdown-body {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: $markdown-spacer-4;
+    margin-bottom: $markdown-spacer-3;
+    font-weight: $markdown-font-weight-bold;
+    line-height: 1.25em;
+    .octicon-link {
+      color: #000;
+      vertical-align: middle;
+      visibility: hidden;
+    }
+    &:hover .anchor {
+      text-decoration: none;
+      .octicon-link {
+        visibility: visible;
+      }
+    }
+    tt,
+    code {
+      font-size: inherit;
+    }
+  }
+  h1 {
+    padding-bottom: 0.3em;
+    font-size: 2em;
+    border-bottom: 1px solid lighten($gray-200, 3%);
+  }
+  h2 {
+    padding-bottom: 0.3em;
+    font-size: 1.5em;
+    border-bottom: 1px solid lighten($gray-200, 3%);
+  }
+  h3 {
+    font-size: 1.25em;
+  }
+  h4 {
+    font-size: 1em;
+  }
+  h5 {
+    font-size: 0.875em;
+  }
+  h6 {
+    font-size: 0.85em;
+    color: $gray-500;
+  }
+}

data/_sass/primer-markdown/images.scss

@@ -0,0 +1,101 @@
+.markdown-body {
+  // Images & Stuff
+  img {
+    max-width: 100%;
+    // because we put padding on the images to hide header lines, and some people
+    // specify the width of their images in their markdown.
+    box-sizing: content-box;
+    background-color: #fff;
+
+    &[align=right] {
+      padding-left: 20px;
+    }
+
+    &[align=left] {
+      padding-right: 20px;
+    }
+  }
+  .emoji {
+    max-width: none;
+    vertical-align: text-top;
+    // Override `<img>` styles so Emjois don't clash with zebra striping in our tables
+    background-color: transparent;
+  }
+
+  // Gollum Image Tags
+
+  // Framed
+  span.frame {
+    display: block;
+    overflow: hidden;
+    > span {
+      display: block;
+      float: left;
+      width: auto;
+      padding: 7px;
+      margin: 13px 0 0;
+      overflow: hidden;
+      border: 1px solid lighten($gray-300, 5%);
+    }
+    span img {
+      display: block;
+      float: left;
+    }
+    span span {
+      display: block;
+      padding: 5px 0 0;
+      clear: both;
+    }
+  }
+  span.align-center {
+    display: block;
+    overflow: hidden;
+    clear: both;
+    > span {
+      display: block;
+      margin: 13px auto 0;
+      overflow: hidden;
+      text-align: center;
+    }
+    span img {
+      margin: 0 auto;
+      text-align: center;
+    }
+  }
+  span.align-right {
+    display: block;
+    overflow: hidden;
+    clear: both;
+    > span {
+      display: block;
+      margin: 13px 0 0;
+      overflow: hidden;
+      text-align: right;
+    }
+    span img {
+      margin: 0;
+      text-align: right;
+    }
+  }
+  span.float-left {
+    display: block;
+    float: left;
+    margin-right: 13px;
+    overflow: hidden;
+    span {
+      margin: 13px 0 0;
+    }
+  }
+  span.float-right {
+    display: block;
+    float: right;
+    margin-left: 13px;
+    overflow: hidden;
+    > span {
+      display: block;
+      margin: 13px auto 0;
+      overflow: hidden;
+      text-align: right;
+    }
+  }
+}

data/_sass/primer-markdown/index.scss

@@ -0,0 +1,118 @@
+
+$markdown-line-height: 1.5em;
+$markdown-spacer-1: 4px;
+$markdown-spacer-2: 8px;
+$markdown-spacer-3: 16px;
+$markdown-spacer-4: 24px;
+$markdown-font-size-small: 12px;
+$markdown-font-weight-bold: 600;
+
+$gray-000: #fafbfc;
+$gray-100: #f6f8fa;
+$gray-200: #e1e4e8;
+$gray-300: #d1d5da;
+$gray-400: #959da5;
+$gray-500: #6a737d;
+$gray-700: #444d56;
+
+.markdown-body {
+  font-size: 16px;
+  line-height: $markdown-line-height;
+  word-wrap: break-word;
+  color: #24292e;
+  &::after {
+    display: block;
+    clear: both;
+    content: "";
+  }
+  > *:first-child {
+    margin-top: 0 !important;
+  }
+  > *:last-child {
+    margin-bottom: 0 !important;
+  }
+  // Blocks
+  p,
+  blockquote,
+  ul,
+  ol,
+  dl,
+  table,
+  pre,
+  .highlight {
+    margin-top: 0;
+    margin-bottom: $markdown-spacer-3;
+  }
+  hr {
+    height: 0.25em;
+    padding: 0;
+    margin: $markdown-spacer-4 0;
+    background-color: $gray-200;
+    border: 0;
+  }
+  blockquote {
+    margin-left: 0;
+    margin-right: 0;
+    padding: 0 1em;
+    color: $gray-500;
+    border-left: 0.25em solid lighten($gray-300, 5%);
+    > :first-child {
+      margin-top: 0;
+    }
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+  kbd {
+    display: inline-block;
+    padding: 3px 5px;
+    font-size: 11px;
+    line-height: 10px;
+    color: $gray-700;
+    vertical-align: middle;
+    background-color: $gray-000;
+    border: solid 1px darken($gray-300, 4%);
+    border-bottom-color: $gray-400;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 $gray-400;
+  }
+  // Anchors like <a name="examples">. These sometimes end up wrapped around
+  // text when users mistakenly forget to close the tag or use self-closing tag
+  // syntax. We don't want them to appear like links.
+  a {
+    color: #0366d6;
+    text-decoration: none;
+    &:hover,
+    &:focus {
+      text-decoration: underline;
+    }
+  }
+  a:not([href]) {
+    color: inherit;
+    text-decoration: none;
+  }
+  // Links
+  .absent {
+    color: #cb2431;
+  }
+  .anchor,
+  .anchorjs-link  {
+    float: left;
+    line-height: 1em;
+    font-size: 1.1em !important;
+    padding-right: 10px !important;
+    //margin-left: calc(-1em - 10px) !important;/////////////////////////////////////
+    &:hover,
+    &:focus {
+      outline: none;
+      text-decoration: none;
+    }
+  }
+}
+
+@import "./headings.scss";
+@import "./lists.scss";
+@import "./tables.scss";
+@import "./images.scss";
+@import "./code.scss";
+@import "./blob-csv.scss";

data/_sass/primer-markdown/lists.scss

@@ -0,0 +1,42 @@
+.markdown-body {
+  ul,
+  ol {
+    padding-left: 2em;
+    &.no-list {
+      padding: 0;
+      list-style-type: none;
+    }
+  }
+  ul ul,
+  ul ol,
+  ol ol,
+  ol ul {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  li {
+    word-wrap: break-all;
+  }
+  li > p {
+    margin-top: $markdown-spacer-3;
+  }
+  li + li {
+    margin-top: 0.25em;
+  }
+  dl {
+    padding: 0;
+    dt {
+      margin: 0;
+      padding: 0;
+      margin-top: $markdown-spacer-3;
+      font-size: 1em;
+      font-style: italic;
+      font-weight: $markdown-font-weight-bold;
+    }
+    dd {
+      margin: 0;
+      padding: 0 $markdown-spacer-3;
+      margin-bottom: $markdown-spacer-3;
+    }
+  }
+}

data/_sass/primer-markdown/tables.scss

@@ -0,0 +1,28 @@
+// Needs refactoring
+// stylelint-disable selector-max-type
+.markdown-body {
+  // Tables
+  table {
+    display: block;
+    width: 100%;
+    overflow: auto;
+    th,
+    td {
+      padding: 6px 13px;
+      border: 1px solid lighten($gray-300, 5%);
+    }
+    th {
+      font-weight: $markdown-font-weight-bold;
+    }
+    tr {
+      background-color: #fff;
+      border-top: 1px solid darken($gray-300, 4%);
+      &:nth-child(2n) {
+        background-color: $gray-100;
+      }
+    }
+    img {
+      background-color: transparent;
+    }
+  }
+}