github-docs 0.0.5 → 0.0.18

data/_sass/primer-layout/columns.scss

@@ -1,54 +0,0 @@
-// Grid system
-//
-// Create rows with `.columns` to clear the floated columns and outdent the
-// padding on `.column`s with negative margin for alignment.
-
-.columns {
-  margin-right: -$grid-gutter;
-  margin-left: -$grid-gutter;
-  @include clearfix;
-}
-
-// Base class for every column (requires a column width from below)
-.column {
-  float: left;
-  padding-right: $grid-gutter;
-  padding-left: $grid-gutter;
-}
-
-// Column widths
-.one-third {
-  width: 33.333333%;
-}
-
-.two-thirds {
-  width: 66.666667%;
-}
-
-.one-fourth {
-  width: 25%;
-}
-
-.one-half {
-  width: 50%;
-}
-
-.three-fourths {
-  width: 75%;
-}
-
-.one-fifth {
-  width: 20%;
-}
-
-.four-fifths {
-  width: 80%;
-}
-
-// Centers content horizontally. Can be used inside or outside the grid.
-.centered {
-  display: block;
-  float: none;
-  margin-right: auto;
-  margin-left: auto;
-}

data/_sass/primer-layout/container.scss

@@ -1,30 +0,0 @@
-// Fixed-width, centered column for site content.
-// This will be deprecated and replaced with container-lg in future
-.container {
-  width: $container-width;
-  margin-right: auto;
-  margin-left: auto;
-  @include clearfix;
-}
-
-// Handy container styles that match our breakpoints
-// 768px
-.container-md {
-  max-width: $container-md;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-// 1004px - this matches the current fixed width: 980px + padding: px-3
-.container-lg {
-  max-width: $container-lg;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-// 1280px
-.container-xl {
-  max-width: $container-xl;
-  margin-right: auto;
-  margin-left: auto;
-}

data/_sass/primer-layout/grid-offset.scss

@@ -1,19 +0,0 @@
-// Optional offset options to work with grid.scss
-
-// Offset Columns
-
-@each $breakpoint, $variant in $responsive-variants {
-  @include breakpoint($breakpoint) {
-    .offset#{$variant}-1 { margin-left: (1 / 12 * 100%) !important; }
-    .offset#{$variant}-2 { margin-left: (2 / 12 * 100%) !important; }
-    .offset#{$variant}-3 { margin-left: (3 / 12 * 100%) !important; }
-    .offset#{$variant}-4 { margin-left: (4 / 12 * 100%) !important; }
-    .offset#{$variant}-5 { margin-left: (5 / 12 * 100%) !important; }
-    .offset#{$variant}-6 { margin-left: (6 / 12 * 100%) !important; }
-    .offset#{$variant}-7 { margin-left: (7 / 12 * 100%) !important; }
-    .offset#{$variant}-8 { margin-left: (8 / 12 * 100%) !important; }
-    .offset#{$variant}-9 { margin-left: (9 / 12 * 100%) !important; }
-    .offset#{$variant}-10 { margin-left: (10 / 12 * 100%) !important; }
-    .offset#{$variant}-11 { margin-left: (11 / 12 * 100%) !important; }
-  }
-}

data/_sass/primer-layout/grid.scss

@@ -1,64 +0,0 @@
-// GRID
-
-// Columns
-.col-1 { width: (1 / 12 * 100%); }
-.col-2 { width: (2 / 12 * 100%); }
-.col-3 { width: (3 / 12 * 100%); }
-.col-4 { width: (4 / 12 * 100%); }
-.col-5 { width: (5 / 12 * 100%); }
-.col-6 { width: (6 / 12 * 100%); }
-.col-7 { width: (7 / 12 * 100%); }
-.col-8 { width: (8 / 12 * 100%); }
-.col-9 { width: (9 / 12 * 100%); }
-.col-10 { width: (10 / 12 * 100%); }
-.col-11 { width: (11 / 12 * 100%); }
-.col-12 { width: 100%; }
-
-@each $breakpoint in map-keys($breakpoints) {
-  @include breakpoint($breakpoint) {
-    .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }
-    .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }
-    .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }
-    .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }
-    .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }
-    .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }
-    .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }
-    .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }
-    .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }
-    .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }
-    .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }
-    .col-#{$breakpoint}-12 { width: 100%; }
-  }
-}
-
-// Gutters
-// Apply padding and a negative margin to the outside of the container
-@mixin gutters ($gutter-width: $spacer-3) {
-  margin-right: -$gutter-width;
-  margin-left: -$gutter-width;
-
-  > [class*="col-"] {
-    padding-right: $gutter-width !important;
-    padding-left: $gutter-width !important;
-  }
-}
-
-.gutter {
-  @include gutters($spacer-3);
-}
-
-.gutter-condensed {
-  @include gutters($spacer-2);
-}
-
-.gutter-spacious {
-  @include gutters($spacer-4);
-}
-
-@each $breakpoint in map-keys($breakpoints) {
-  @include breakpoint($breakpoint) {
-    .gutter-#{$breakpoint} { @include gutters($spacer-3); }
-    .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }
-    .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }
-  }
-}

data/_sass/primer-layout/index.scss

@@ -1,4 +0,0 @@
-@import "./container.scss";
-@import "./columns.scss";
-@import "./grid.scss";
-@import "./grid-offset.scss";

data/_sass/primer-markdown/markdown-body.scss

@@ -1,106 +0,0 @@
-// All of our block level items should have the same margin
-// stylelint-disable selector-max-type
-
-// This is styling for generic markdownized text. Anything you put in a
-// container with .markdown-body on it should render generally well. It also
-// includes some GitHub Flavored Markdown specific styling (like @mentions)
-.markdown-body {
-  font-family: $body-font;
-  font-size: $h4-size;
-  line-height: $body-line-height;
-  word-wrap: break-word;
-
-  // Clearfix on the markdown body
-  &::before {
-    display: table;
-    content: "";
-  }
-
-  &::after {
-    display: table;
-    clear: both;
-    content: "";
-  }
-
-  > *:first-child {
-    margin-top: 0 !important;
-  }
-
-  > *:last-child {
-    margin-bottom: 0 !important;
-  }
-
-  // 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.
-  // FIXME: a:not(:link):not(:visited) would be a little clearer here (and
-  // possibly faster to match), but it breaks styling of <a href> elements due
-  // to https://bugs.webkit.org/show_bug.cgi?id=142737.
-  a:not([href]) {
-    color: inherit;
-    text-decoration: none;
-  }
-
-  // Link Colors
-  .absent {
-    color: $red-600;
-  }
-
-  .anchor {
-    float: left;
-    padding-right: $spacer-1;
-    margin-left: -20px;
-    line-height: $lh-condensed-ultra;
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  p,
-  blockquote,
-  ul,
-  ol,
-  dl,
-  table,
-  pre {
-    margin-top: 0;
-    margin-bottom: $spacer-3;
-  }
-
-  hr {
-    height: $em-spacer-3;
-    padding: 0;
-    margin: $spacer-4 0;
-    background-color: $gray-200;
-    border: 0;
-  }
-
-  blockquote {
-    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;
-  }
-}

data/_sass/primer-support/index.scss

@@ -1,11 +0,0 @@
-// variables
-@import "./variables/typography.scss";
-@import "./variables/colors.scss";
-@import "./variables/layout.scss";
-@import "./variables/misc.scss";
-
-// mixins
-@import "./mixins/typography.scss";
-@import "./mixins/layout.scss";
-@import "./mixins/buttons.scss";
-@import "./mixins/misc.scss";

data/_sass/primer-support/mixins/buttons.scss

@@ -1,160 +0,0 @@
-// stylelint-disable block-closing-brace-newline-after
-
-// Button color generator for primary and themed buttons
-
-// New button hotness
-@mixin btn-solid($color, $bg, $bg2) {
-  color: $color;
-  background-color: $bg2;
-  background-image: linear-gradient(-180deg, $bg 0%, $bg2 90%);
-
-  @if $bg == $gray-000 {
-    &:focus,
-    &.focus {
-      box-shadow: $btn-input-focus-shadow;
-    }
-
-    &:hover,
-    &.hover {
-      background-color: darken($bg2, 3%);
-      background-image: linear-gradient(-180deg, darken($bg, 3%) 0%, darken($bg2, 3%) 90%);
-      background-position: 0 -$em-spacer-5;
-      border-color: rgba($black, 0.35);
-    }
-
-    &:active,
-    &.selected,
-    [open] > & {
-      background-color: darken(desaturate($bg, 10%), 6%);
-      background-image: none;
-      border-color: rgba($black, 0.35); // repeat to avoid shift on click-drag off of button
-      box-shadow: $btn-active-shadow;
-    }
-
-    &:disabled,
-    &.disabled {
-      color: rgba($color, 0.4);
-      background-color: $bg2;
-      background-image: none;
-      border-color: transparentize($black, 0.8); // back to default .btn
-      box-shadow: none;
-    }
-
-  } @else {
-    &:focus,
-    &.focus {
-      box-shadow: 0 0 0 0.2em rgba($bg, 0.4);
-    }
-
-    &:hover,
-    &.hover {
-      background-color: darken($bg2, 2%);
-      background-image: linear-gradient(-180deg, darken($bg, 2%) 0%, darken($bg2, 2%) 90%);
-      background-position: 0 -$em-spacer-5;
-      border-color: $black-fade-50;
-    }
-
-    &:active,
-    &.selected,
-    [open] > & {
-      background-color: darken(mix($bg, $bg2, 50%), 7%);
-      background-image: none;
-      border-color: $black-fade-50; // repeat to avoid shift on click-drag off of button
-      box-shadow: $btn-active-shadow;
-    }
-
-    &:disabled,
-    &.disabled {
-      color: rgba($color, 0.75);
-      background-color: mix($bg2, $white, 50%);
-      background-image: none;
-      border-color: transparentize($black, 0.8); // repeat .btn default to avoid shift on click-drag off of button
-      box-shadow: none;
-    }
-
-    .Counter {
-      color: darken($bg, 8%);
-      background-color: $white;
-    }
-  }
-}
-
-// Inverse button hover style
-@mixin btn-inverse($color, $bg, $bg2) {
-  color: $color;
-  background-color: $bg;
-  background-image: linear-gradient(-180deg, $bg 0%, $bg2 90%);
-
-  &:focus {
-    box-shadow: 0 0 0 0.2em rgba($color, 0.4);
-  }
-
-  &:hover {
-    color: $text-white;
-    background-color: $color;
-    background-image: linear-gradient(-180deg, lighten($color, 10%) 0%, $color 90%);
-    border-color: $black-fade-50;
-
-    .Counter {
-      color: $text-white;
-    }
-  }
-
-  &:active,
-  &.selected,
-  [open] > & {
-    color: $text-white;
-    background-color: darken($color, 5%);
-    background-image: none;
-    border-color: $black-fade-50;
-    box-shadow: $btn-active-shadow;
-  }
-
-  &:disabled,
-  &.disabled {
-    color: rgba($color, 0.4);
-    background-color: $bg2;
-    background-image: none;
-    border-color: transparentize($black, 0.8); // back to default .btn
-    box-shadow: none;
-  }
-}
-
-// Outline color generator for btn-outline to make the hover state inverse the text and bg colors.
-@mixin btn-outline($text-color: $text-blue, $bg-color: $bg-white) {
-  color: $text-color;
-  background-color: $bg-color;
-  background-image: none;
-
-  .Counter {
-    background-color: rgba($black, 0.07);
-  }
-
-  &:hover,
-  &:active,
-  &.selected,
-  [open] > & {
-    color: $bg-color;
-    background-color: $text-color;
-    background-image: none;
-    border-color: $text-color;
-
-    .Counter {
-      color: $text-color;
-      background-color: $bg-color;
-    }
-  }
-
-  &:focus {
-    border-color: $text-color;
-    box-shadow: 0 0 0 0.2em rgba($text-color, 0.4);
-  }
-
-  &:disabled,
-  &.disabled {
-    color: $black-fade-30;
-    background-color: $bg-white;
-    border-color: $black-fade-15;
-    box-shadow: none;
-  }
-}