github-docs 0.0.4 → 0.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_layouts/default.html +17 -2
- data/assets/css/index.scss +9 -7
- data/readme.md +32 -25
- metadata +29 -62
- data/_sass/github-docs.scss +0 -227
- data/_sass/primer-base/base.scss +0 -84
- data/_sass/primer-base/index.scss +0 -3
- data/_sass/primer-base/normalize.scss +0 -421
- data/_sass/primer-base/typography-base.scss +0 -86
- data/_sass/primer-layout/columns.scss +0 -54
- data/_sass/primer-layout/container.scss +0 -30
- data/_sass/primer-layout/grid-offset.scss +0 -19
- data/_sass/primer-layout/grid.scss +0 -64
- data/_sass/primer-layout/index.scss +0 -4
- data/_sass/primer-markdown/blob-csv.scss +0 -27
- data/_sass/primer-markdown/code.scss +0 -63
- data/_sass/primer-markdown/headings.scss +0 -65
- data/_sass/primer-markdown/images.scss +0 -119
- data/_sass/primer-markdown/index.scss +0 -7
- data/_sass/primer-markdown/lists.scss +0 -76
- data/_sass/primer-markdown/markdown-body.scss +0 -106
- data/_sass/primer-markdown/tables.scss +0 -33
- data/_sass/primer-support/index.scss +0 -11
- data/_sass/primer-support/mixins/buttons.scss +0 -160
- data/_sass/primer-support/mixins/layout.scss +0 -58
- data/_sass/primer-support/mixins/misc.scss +0 -29
- data/_sass/primer-support/mixins/typography.scss +0 -84
- data/_sass/primer-support/variables/color-system.scss +0 -114
- data/_sass/primer-support/variables/colors.scss +0 -67
- data/_sass/primer-support/variables/layout.scss +0 -78
- data/_sass/primer-support/variables/misc.scss +0 -40
- data/_sass/primer-support/variables/typography.scss +0 -43
- data/_sass/primer-utilities/animations.scss +0 -184
- data/_sass/primer-utilities/borders.scss +0 -100
- data/_sass/primer-utilities/box-shadow.scss +0 -26
- data/_sass/primer-utilities/colors.scss +0 -106
- data/_sass/primer-utilities/details.scss +0 -18
- data/_sass/primer-utilities/flexbox.scss +0 -52
- data/_sass/primer-utilities/index.scss +0 -13
- data/_sass/primer-utilities/layout.scss +0 -85
- data/_sass/primer-utilities/margin.scss +0 -53
- data/_sass/primer-utilities/padding.scss +0 -54
- data/_sass/primer-utilities/typography.scss +0 -215
- data/_sass/primer-utilities/visibility-display.scss +0 -87
- data/_sass/rouge.scss +0 -209
| @@ -1,86 +0,0 @@ | |
| 1 | 
            -
            // Headings
         | 
| 2 | 
            -
            // --------------------------------------------------
         | 
| 3 | 
            -
            // stylelint-disable selector-max-type
         | 
| 4 | 
            -
            h1,
         | 
| 5 | 
            -
            h2,
         | 
| 6 | 
            -
            h3,
         | 
| 7 | 
            -
            h4,
         | 
| 8 | 
            -
            h5,
         | 
| 9 | 
            -
            h6 {
         | 
| 10 | 
            -
              margin-top: 0;
         | 
| 11 | 
            -
              margin-bottom: 0;
         | 
| 12 | 
            -
            }
         | 
| 13 | 
            -
             | 
| 14 | 
            -
            h1 { @include h1; }
         | 
| 15 | 
            -
            h2 { @include h2; }
         | 
| 16 | 
            -
            h3 { @include h3; }
         | 
| 17 | 
            -
            h4 { @include h4; }
         | 
| 18 | 
            -
            h5 { @include h5; }
         | 
| 19 | 
            -
            h6 { @include h6; }
         | 
| 20 | 
            -
             | 
| 21 | 
            -
            // Body text
         | 
| 22 | 
            -
            // --------------------------------------------------
         | 
| 23 | 
            -
             | 
| 24 | 
            -
            p {
         | 
| 25 | 
            -
              margin-top: 0;
         | 
| 26 | 
            -
              margin-bottom: 10px;
         | 
| 27 | 
            -
            }
         | 
| 28 | 
            -
             | 
| 29 | 
            -
            small {
         | 
| 30 | 
            -
              font-size: 90%;
         | 
| 31 | 
            -
            }
         | 
| 32 | 
            -
             | 
| 33 | 
            -
            blockquote {
         | 
| 34 | 
            -
              margin: 0;
         | 
| 35 | 
            -
            }
         | 
| 36 | 
            -
             | 
| 37 | 
            -
            // Lists
         | 
| 38 | 
            -
            // --------------------------------------------------
         | 
| 39 | 
            -
             | 
| 40 | 
            -
            ul,
         | 
| 41 | 
            -
            ol {
         | 
| 42 | 
            -
              padding-left: 0;
         | 
| 43 | 
            -
              margin-top: 0;
         | 
| 44 | 
            -
              margin-bottom: 0;
         | 
| 45 | 
            -
            }
         | 
| 46 | 
            -
             | 
| 47 | 
            -
            ol ol,
         | 
| 48 | 
            -
            ul ol {
         | 
| 49 | 
            -
              list-style-type: lower-roman;
         | 
| 50 | 
            -
            }
         | 
| 51 | 
            -
             | 
| 52 | 
            -
            ul ul ol,
         | 
| 53 | 
            -
            ul ol ol,
         | 
| 54 | 
            -
            ol ul ol,
         | 
| 55 | 
            -
            ol ol ol {
         | 
| 56 | 
            -
              list-style-type: lower-alpha;
         | 
| 57 | 
            -
            }
         | 
| 58 | 
            -
             | 
| 59 | 
            -
            dd {
         | 
| 60 | 
            -
              margin-left: 0;
         | 
| 61 | 
            -
            }
         | 
| 62 | 
            -
             | 
| 63 | 
            -
            // Code
         | 
| 64 | 
            -
            // --------------------------------------------------
         | 
| 65 | 
            -
             | 
| 66 | 
            -
            tt,
         | 
| 67 | 
            -
            code {
         | 
| 68 | 
            -
              font-family: $mono-font;
         | 
| 69 | 
            -
              font-size: $font-size-small;
         | 
| 70 | 
            -
            }
         | 
| 71 | 
            -
             | 
| 72 | 
            -
            pre {
         | 
| 73 | 
            -
              margin-top: 0;
         | 
| 74 | 
            -
              margin-bottom: 0;
         | 
| 75 | 
            -
              font-family: $mono-font;
         | 
| 76 | 
            -
              font-size: $font-size-small;
         | 
| 77 | 
            -
            }
         | 
| 78 | 
            -
             | 
| 79 | 
            -
            // Octicons
         | 
| 80 | 
            -
            // --------------------------------------------------
         | 
| 81 | 
            -
             | 
| 82 | 
            -
            // Move this over here as a temporary override to the octicons source repo
         | 
| 83 | 
            -
            // instead of updating that upstream.
         | 
| 84 | 
            -
            .octicon {
         | 
| 85 | 
            -
              vertical-align: text-bottom;
         | 
| 86 | 
            -
            }
         | 
| @@ -1,54 +0,0 @@ | |
| 1 | 
            -
            // Grid system
         | 
| 2 | 
            -
            //
         | 
| 3 | 
            -
            // Create rows with `.columns` to clear the floated columns and outdent the
         | 
| 4 | 
            -
            // padding on `.column`s with negative margin for alignment.
         | 
| 5 | 
            -
             | 
| 6 | 
            -
            .columns {
         | 
| 7 | 
            -
              margin-right: -$grid-gutter;
         | 
| 8 | 
            -
              margin-left: -$grid-gutter;
         | 
| 9 | 
            -
              @include clearfix;
         | 
| 10 | 
            -
            }
         | 
| 11 | 
            -
             | 
| 12 | 
            -
            // Base class for every column (requires a column width from below)
         | 
| 13 | 
            -
            .column {
         | 
| 14 | 
            -
              float: left;
         | 
| 15 | 
            -
              padding-right: $grid-gutter;
         | 
| 16 | 
            -
              padding-left: $grid-gutter;
         | 
| 17 | 
            -
            }
         | 
| 18 | 
            -
             | 
| 19 | 
            -
            // Column widths
         | 
| 20 | 
            -
            .one-third {
         | 
| 21 | 
            -
              width: 33.333333%;
         | 
| 22 | 
            -
            }
         | 
| 23 | 
            -
             | 
| 24 | 
            -
            .two-thirds {
         | 
| 25 | 
            -
              width: 66.666667%;
         | 
| 26 | 
            -
            }
         | 
| 27 | 
            -
             | 
| 28 | 
            -
            .one-fourth {
         | 
| 29 | 
            -
              width: 25%;
         | 
| 30 | 
            -
            }
         | 
| 31 | 
            -
             | 
| 32 | 
            -
            .one-half {
         | 
| 33 | 
            -
              width: 50%;
         | 
| 34 | 
            -
            }
         | 
| 35 | 
            -
             | 
| 36 | 
            -
            .three-fourths {
         | 
| 37 | 
            -
              width: 75%;
         | 
| 38 | 
            -
            }
         | 
| 39 | 
            -
             | 
| 40 | 
            -
            .one-fifth {
         | 
| 41 | 
            -
              width: 20%;
         | 
| 42 | 
            -
            }
         | 
| 43 | 
            -
             | 
| 44 | 
            -
            .four-fifths {
         | 
| 45 | 
            -
              width: 80%;
         | 
| 46 | 
            -
            }
         | 
| 47 | 
            -
             | 
| 48 | 
            -
            // Centers content horizontally. Can be used inside or outside the grid.
         | 
| 49 | 
            -
            .centered {
         | 
| 50 | 
            -
              display: block;
         | 
| 51 | 
            -
              float: none;
         | 
| 52 | 
            -
              margin-right: auto;
         | 
| 53 | 
            -
              margin-left: auto;
         | 
| 54 | 
            -
            }
         | 
| @@ -1,30 +0,0 @@ | |
| 1 | 
            -
            // Fixed-width, centered column for site content.
         | 
| 2 | 
            -
            // This will be deprecated and replaced with container-lg in future
         | 
| 3 | 
            -
            .container {
         | 
| 4 | 
            -
              width: $container-width;
         | 
| 5 | 
            -
              margin-right: auto;
         | 
| 6 | 
            -
              margin-left: auto;
         | 
| 7 | 
            -
              @include clearfix;
         | 
| 8 | 
            -
            }
         | 
| 9 | 
            -
             | 
| 10 | 
            -
            // Handy container styles that match our breakpoints
         | 
| 11 | 
            -
            // 768px
         | 
| 12 | 
            -
            .container-md {
         | 
| 13 | 
            -
              max-width: $container-md;
         | 
| 14 | 
            -
              margin-right: auto;
         | 
| 15 | 
            -
              margin-left: auto;
         | 
| 16 | 
            -
            }
         | 
| 17 | 
            -
             | 
| 18 | 
            -
            // 1004px - this matches the current fixed width: 980px + padding: px-3
         | 
| 19 | 
            -
            .container-lg {
         | 
| 20 | 
            -
              max-width: $container-lg;
         | 
| 21 | 
            -
              margin-right: auto;
         | 
| 22 | 
            -
              margin-left: auto;
         | 
| 23 | 
            -
            }
         | 
| 24 | 
            -
             | 
| 25 | 
            -
            // 1280px
         | 
| 26 | 
            -
            .container-xl {
         | 
| 27 | 
            -
              max-width: $container-xl;
         | 
| 28 | 
            -
              margin-right: auto;
         | 
| 29 | 
            -
              margin-left: auto;
         | 
| 30 | 
            -
            }
         | 
| @@ -1,19 +0,0 @@ | |
| 1 | 
            -
            // Optional offset options to work with grid.scss
         | 
| 2 | 
            -
             | 
| 3 | 
            -
            // Offset Columns
         | 
| 4 | 
            -
             | 
| 5 | 
            -
            @each $breakpoint, $variant in $responsive-variants {
         | 
| 6 | 
            -
              @include breakpoint($breakpoint) {
         | 
| 7 | 
            -
                .offset#{$variant}-1 { margin-left: (1 / 12 * 100%) !important; }
         | 
| 8 | 
            -
                .offset#{$variant}-2 { margin-left: (2 / 12 * 100%) !important; }
         | 
| 9 | 
            -
                .offset#{$variant}-3 { margin-left: (3 / 12 * 100%) !important; }
         | 
| 10 | 
            -
                .offset#{$variant}-4 { margin-left: (4 / 12 * 100%) !important; }
         | 
| 11 | 
            -
                .offset#{$variant}-5 { margin-left: (5 / 12 * 100%) !important; }
         | 
| 12 | 
            -
                .offset#{$variant}-6 { margin-left: (6 / 12 * 100%) !important; }
         | 
| 13 | 
            -
                .offset#{$variant}-7 { margin-left: (7 / 12 * 100%) !important; }
         | 
| 14 | 
            -
                .offset#{$variant}-8 { margin-left: (8 / 12 * 100%) !important; }
         | 
| 15 | 
            -
                .offset#{$variant}-9 { margin-left: (9 / 12 * 100%) !important; }
         | 
| 16 | 
            -
                .offset#{$variant}-10 { margin-left: (10 / 12 * 100%) !important; }
         | 
| 17 | 
            -
                .offset#{$variant}-11 { margin-left: (11 / 12 * 100%) !important; }
         | 
| 18 | 
            -
              }
         | 
| 19 | 
            -
            }
         | 
| @@ -1,64 +0,0 @@ | |
| 1 | 
            -
            // GRID
         | 
| 2 | 
            -
             | 
| 3 | 
            -
            // Columns
         | 
| 4 | 
            -
            .col-1 { width: (1 / 12 * 100%); }
         | 
| 5 | 
            -
            .col-2 { width: (2 / 12 * 100%); }
         | 
| 6 | 
            -
            .col-3 { width: (3 / 12 * 100%); }
         | 
| 7 | 
            -
            .col-4 { width: (4 / 12 * 100%); }
         | 
| 8 | 
            -
            .col-5 { width: (5 / 12 * 100%); }
         | 
| 9 | 
            -
            .col-6 { width: (6 / 12 * 100%); }
         | 
| 10 | 
            -
            .col-7 { width: (7 / 12 * 100%); }
         | 
| 11 | 
            -
            .col-8 { width: (8 / 12 * 100%); }
         | 
| 12 | 
            -
            .col-9 { width: (9 / 12 * 100%); }
         | 
| 13 | 
            -
            .col-10 { width: (10 / 12 * 100%); }
         | 
| 14 | 
            -
            .col-11 { width: (11 / 12 * 100%); }
         | 
| 15 | 
            -
            .col-12 { width: 100%; }
         | 
| 16 | 
            -
             | 
| 17 | 
            -
            @each $breakpoint in map-keys($breakpoints) {
         | 
| 18 | 
            -
              @include breakpoint($breakpoint) {
         | 
| 19 | 
            -
                .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }
         | 
| 20 | 
            -
                .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }
         | 
| 21 | 
            -
                .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }
         | 
| 22 | 
            -
                .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }
         | 
| 23 | 
            -
                .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }
         | 
| 24 | 
            -
                .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }
         | 
| 25 | 
            -
                .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }
         | 
| 26 | 
            -
                .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }
         | 
| 27 | 
            -
                .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }
         | 
| 28 | 
            -
                .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }
         | 
| 29 | 
            -
                .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }
         | 
| 30 | 
            -
                .col-#{$breakpoint}-12 { width: 100%; }
         | 
| 31 | 
            -
              }
         | 
| 32 | 
            -
            }
         | 
| 33 | 
            -
             | 
| 34 | 
            -
            // Gutters
         | 
| 35 | 
            -
            // Apply padding and a negative margin to the outside of the container
         | 
| 36 | 
            -
            @mixin gutters ($gutter-width: $spacer-3) {
         | 
| 37 | 
            -
              margin-right: -$gutter-width;
         | 
| 38 | 
            -
              margin-left: -$gutter-width;
         | 
| 39 | 
            -
             | 
| 40 | 
            -
              > [class*="col-"] {
         | 
| 41 | 
            -
                padding-right: $gutter-width !important;
         | 
| 42 | 
            -
                padding-left: $gutter-width !important;
         | 
| 43 | 
            -
              }
         | 
| 44 | 
            -
            }
         | 
| 45 | 
            -
             | 
| 46 | 
            -
            .gutter {
         | 
| 47 | 
            -
              @include gutters($spacer-3);
         | 
| 48 | 
            -
            }
         | 
| 49 | 
            -
             | 
| 50 | 
            -
            .gutter-condensed {
         | 
| 51 | 
            -
              @include gutters($spacer-2);
         | 
| 52 | 
            -
            }
         | 
| 53 | 
            -
             | 
| 54 | 
            -
            .gutter-spacious {
         | 
| 55 | 
            -
              @include gutters($spacer-4);
         | 
| 56 | 
            -
            }
         | 
| 57 | 
            -
             | 
| 58 | 
            -
            @each $breakpoint in map-keys($breakpoints) {
         | 
| 59 | 
            -
              @include breakpoint($breakpoint) {
         | 
| 60 | 
            -
                .gutter-#{$breakpoint} { @include gutters($spacer-3); }
         | 
| 61 | 
            -
                .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }
         | 
| 62 | 
            -
                .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }
         | 
| 63 | 
            -
              }
         | 
| 64 | 
            -
            }
         | 
| @@ -1,27 +0,0 @@ | |
| 1 | 
            -
            // stylelint-disable selector-max-type
         | 
| 2 | 
            -
            .markdown-body .csv-data {
         | 
| 3 | 
            -
              td,
         | 
| 4 | 
            -
              th {
         | 
| 5 | 
            -
                padding: 5px;
         | 
| 6 | 
            -
                overflow: hidden;
         | 
| 7 | 
            -
                font-size: $font-size-small;
         | 
| 8 | 
            -
                line-height: $lh-condensed-ultra;
         | 
| 9 | 
            -
                text-align: left;
         | 
| 10 | 
            -
                white-space: nowrap;
         | 
| 11 | 
            -
              }
         | 
| 12 | 
            -
             | 
| 13 | 
            -
              .blob-num {
         | 
| 14 | 
            -
                padding: 10px $spacer-2 9px;
         | 
| 15 | 
            -
                text-align: right;
         | 
| 16 | 
            -
                background: $bg-white;
         | 
| 17 | 
            -
                border: 0;
         | 
| 18 | 
            -
              }
         | 
| 19 | 
            -
             | 
| 20 | 
            -
              tr { border-top: 0; }
         | 
| 21 | 
            -
             | 
| 22 | 
            -
              th {
         | 
| 23 | 
            -
                font-weight: $font-weight-bold;
         | 
| 24 | 
            -
                background: $gray-100;
         | 
| 25 | 
            -
                border-top: 0;
         | 
| 26 | 
            -
              }
         | 
| 27 | 
            -
            }
         | 
| @@ -1,63 +0,0 @@ | |
| 1 | 
            -
            // stylelint-disable selector-max-type
         | 
| 2 | 
            -
            .markdown-body {
         | 
| 3 | 
            -
              // Inline code snippets
         | 
| 4 | 
            -
              code,
         | 
| 5 | 
            -
              tt {
         | 
| 6 | 
            -
                padding: 0.2em 0.4em;
         | 
| 7 | 
            -
                margin: 0;
         | 
| 8 | 
            -
                font-size: 85%;
         | 
| 9 | 
            -
                background-color: rgba($black, 0.05);
         | 
| 10 | 
            -
                border-radius: $border-radius;
         | 
| 11 | 
            -
             | 
| 12 | 
            -
                br { display: none; }
         | 
| 13 | 
            -
              }
         | 
| 14 | 
            -
             | 
| 15 | 
            -
              del code { text-decoration: inherit; }
         | 
| 16 | 
            -
             | 
| 17 | 
            -
              pre {
         | 
| 18 | 
            -
                word-wrap: normal;
         | 
| 19 | 
            -
             | 
| 20 | 
            -
                // Code tags within code blocks (<pre>s)
         | 
| 21 | 
            -
                > code {
         | 
| 22 | 
            -
                  padding: 0;
         | 
| 23 | 
            -
                  margin: 0;
         | 
| 24 | 
            -
                  font-size: 100%;
         | 
| 25 | 
            -
                  word-break: normal;
         | 
| 26 | 
            -
                  white-space: pre;
         | 
| 27 | 
            -
                  background: transparent;
         | 
| 28 | 
            -
                  border: 0;
         | 
| 29 | 
            -
                }
         | 
| 30 | 
            -
              }
         | 
| 31 | 
            -
             | 
| 32 | 
            -
              .highlight {
         | 
| 33 | 
            -
                margin-bottom: $spacer-3;
         | 
| 34 | 
            -
             | 
| 35 | 
            -
                pre {
         | 
| 36 | 
            -
                  margin-bottom: 0;
         | 
| 37 | 
            -
                  word-break: normal;
         | 
| 38 | 
            -
                }
         | 
| 39 | 
            -
              }
         | 
| 40 | 
            -
             | 
| 41 | 
            -
              .highlight pre,
         | 
| 42 | 
            -
              pre {
         | 
| 43 | 
            -
                padding: $spacer-3;
         | 
| 44 | 
            -
                overflow: auto;
         | 
| 45 | 
            -
                font-size: 85%;
         | 
| 46 | 
            -
                line-height: 1.45;
         | 
| 47 | 
            -
                background-color: $gray-100;
         | 
| 48 | 
            -
                border-radius: $border-radius;
         | 
| 49 | 
            -
              }
         | 
| 50 | 
            -
             | 
| 51 | 
            -
              pre code,
         | 
| 52 | 
            -
              pre tt {
         | 
| 53 | 
            -
                display: inline;
         | 
| 54 | 
            -
                max-width: auto;
         | 
| 55 | 
            -
                padding: 0;
         | 
| 56 | 
            -
                margin: 0;
         | 
| 57 | 
            -
                overflow: visible;
         | 
| 58 | 
            -
                line-height: inherit;
         | 
| 59 | 
            -
                word-wrap: normal;
         | 
| 60 | 
            -
                background-color: transparent;
         | 
| 61 | 
            -
                border: 0;
         | 
| 62 | 
            -
              }
         | 
| 63 | 
            -
            }
         | 
| @@ -1,65 +0,0 @@ | |
| 1 | 
            -
            // Needs refactoring
         | 
| 2 | 
            -
            // stylelint-disable selector-max-compound-selectors, selector-max-specificity
         | 
| 3 | 
            -
            // stylelint-disable selector-max-type
         | 
| 4 | 
            -
            .markdown-body {
         | 
| 5 | 
            -
              // Headings
         | 
| 6 | 
            -
              h1,
         | 
| 7 | 
            -
              h2,
         | 
| 8 | 
            -
              h3,
         | 
| 9 | 
            -
              h4,
         | 
| 10 | 
            -
              h5,
         | 
| 11 | 
            -
              h6 {
         | 
| 12 | 
            -
                margin-top: $spacer-4;
         | 
| 13 | 
            -
                margin-bottom: $spacer-3;
         | 
| 14 | 
            -
                font-weight: $font-weight-bold;
         | 
| 15 | 
            -
                line-height: $lh-condensed;
         | 
| 16 | 
            -
             | 
| 17 | 
            -
                .octicon-link {
         | 
| 18 | 
            -
                  color: $black;
         | 
| 19 | 
            -
                  vertical-align: middle;
         | 
| 20 | 
            -
                  visibility: hidden;
         | 
| 21 | 
            -
                }
         | 
| 22 | 
            -
             | 
| 23 | 
            -
                &:hover .anchor {
         | 
| 24 | 
            -
                  text-decoration: none;
         | 
| 25 | 
            -
             | 
| 26 | 
            -
                  .octicon-link {
         | 
| 27 | 
            -
                    visibility: visible;
         | 
| 28 | 
            -
                  }
         | 
| 29 | 
            -
                }
         | 
| 30 | 
            -
             | 
| 31 | 
            -
                tt,
         | 
| 32 | 
            -
                code {
         | 
| 33 | 
            -
                  font-size: inherit;
         | 
| 34 | 
            -
                }
         | 
| 35 | 
            -
              }
         | 
| 36 | 
            -
             | 
| 37 | 
            -
              h1 {
         | 
| 38 | 
            -
                padding-bottom: 0.3em;
         | 
| 39 | 
            -
                font-size: 2em;
         | 
| 40 | 
            -
                border-bottom: 1px solid lighten($gray-200, 3%);
         | 
| 41 | 
            -
              }
         | 
| 42 | 
            -
             | 
| 43 | 
            -
              h2 {
         | 
| 44 | 
            -
                padding-bottom: 0.3em;
         | 
| 45 | 
            -
                font-size: 1.5em;
         | 
| 46 | 
            -
                border-bottom: 1px solid lighten($gray-200, 3%);
         | 
| 47 | 
            -
              }
         | 
| 48 | 
            -
             | 
| 49 | 
            -
              h3 {
         | 
| 50 | 
            -
                font-size: 1.25em;
         | 
| 51 | 
            -
              }
         | 
| 52 | 
            -
             | 
| 53 | 
            -
              h4 {
         | 
| 54 | 
            -
                font-size: 1em;
         | 
| 55 | 
            -
              }
         | 
| 56 | 
            -
             | 
| 57 | 
            -
              h5 {
         | 
| 58 | 
            -
                font-size: 0.875em;
         | 
| 59 | 
            -
              }
         | 
| 60 | 
            -
             | 
| 61 | 
            -
              h6 {
         | 
| 62 | 
            -
                font-size: 0.85em;
         | 
| 63 | 
            -
                color: $gray-500;
         | 
| 64 | 
            -
              }
         | 
| 65 | 
            -
            }
         | 
| @@ -1,119 +0,0 @@ | |
| 1 | 
            -
            // Need to target base styles
         | 
| 2 | 
            -
            // stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type, primer/selector-no-utility
         | 
| 3 | 
            -
            // stylelint-disable selector-max-type
         | 
| 4 | 
            -
            .markdown-body {
         | 
| 5 | 
            -
              // Images & Stuff
         | 
| 6 | 
            -
              img {
         | 
| 7 | 
            -
                max-width: 100%;
         | 
| 8 | 
            -
                // because we put padding on the images to hide header lines, and some people
         | 
| 9 | 
            -
                // specify the width of their images in their markdown.
         | 
| 10 | 
            -
                box-sizing: content-box;
         | 
| 11 | 
            -
                background-color: $bg-white;
         | 
| 12 | 
            -
             | 
| 13 | 
            -
                &[align=right] {
         | 
| 14 | 
            -
                  padding-left: 20px;
         | 
| 15 | 
            -
                }
         | 
| 16 | 
            -
             | 
| 17 | 
            -
                &[align=left] {
         | 
| 18 | 
            -
                  padding-right: 20px;
         | 
| 19 | 
            -
                }
         | 
| 20 | 
            -
              }
         | 
| 21 | 
            -
             | 
| 22 | 
            -
              .emoji {
         | 
| 23 | 
            -
                max-width: none;
         | 
| 24 | 
            -
                vertical-align: text-top;
         | 
| 25 | 
            -
                // Override `<img>` styles so Emjois don't clash with zebra striping in our tables
         | 
| 26 | 
            -
                background-color: transparent;
         | 
| 27 | 
            -
              }
         | 
| 28 | 
            -
             | 
| 29 | 
            -
              // Gollum Image Tags
         | 
| 30 | 
            -
             | 
| 31 | 
            -
              // Framed
         | 
| 32 | 
            -
              span.frame {
         | 
| 33 | 
            -
                display: block;
         | 
| 34 | 
            -
                overflow: hidden;
         | 
| 35 | 
            -
             | 
| 36 | 
            -
                > span {
         | 
| 37 | 
            -
                  display: block;
         | 
| 38 | 
            -
                  float: left;
         | 
| 39 | 
            -
                  width: auto;
         | 
| 40 | 
            -
                  padding: 7px;
         | 
| 41 | 
            -
                  margin: 13px 0 0;
         | 
| 42 | 
            -
                  overflow: hidden;
         | 
| 43 | 
            -
                  border: 1px solid lighten($gray-300, 5%);
         | 
| 44 | 
            -
                }
         | 
| 45 | 
            -
             | 
| 46 | 
            -
                span img {
         | 
| 47 | 
            -
                  display: block;
         | 
| 48 | 
            -
                  float: left;
         | 
| 49 | 
            -
                }
         | 
| 50 | 
            -
             | 
| 51 | 
            -
                span span {
         | 
| 52 | 
            -
                  display: block;
         | 
| 53 | 
            -
                  padding: 5px 0 0;
         | 
| 54 | 
            -
                  clear: both;
         | 
| 55 | 
            -
                  color: $text-gray-dark;
         | 
| 56 | 
            -
                }
         | 
| 57 | 
            -
              }
         | 
| 58 | 
            -
             | 
| 59 | 
            -
              span.align-center {
         | 
| 60 | 
            -
                display: block;
         | 
| 61 | 
            -
                overflow: hidden;
         | 
| 62 | 
            -
                clear: both;
         | 
| 63 | 
            -
             | 
| 64 | 
            -
                > span {
         | 
| 65 | 
            -
                  display: block;
         | 
| 66 | 
            -
                  margin: 13px auto 0;
         | 
| 67 | 
            -
                  overflow: hidden;
         | 
| 68 | 
            -
                  text-align: center;
         | 
| 69 | 
            -
                }
         | 
| 70 | 
            -
             | 
| 71 | 
            -
                span img {
         | 
| 72 | 
            -
                  margin: 0 auto;
         | 
| 73 | 
            -
                  text-align: center;
         | 
| 74 | 
            -
                }
         | 
| 75 | 
            -
              }
         | 
| 76 | 
            -
             | 
| 77 | 
            -
              span.align-right {
         | 
| 78 | 
            -
                display: block;
         | 
| 79 | 
            -
                overflow: hidden;
         | 
| 80 | 
            -
                clear: both;
         | 
| 81 | 
            -
             | 
| 82 | 
            -
                > span {
         | 
| 83 | 
            -
                  display: block;
         | 
| 84 | 
            -
                  margin: 13px 0 0;
         | 
| 85 | 
            -
                  overflow: hidden;
         | 
| 86 | 
            -
                  text-align: right;
         | 
| 87 | 
            -
                }
         | 
| 88 | 
            -
             | 
| 89 | 
            -
                span img {
         | 
| 90 | 
            -
                  margin: 0;
         | 
| 91 | 
            -
                  text-align: right;
         | 
| 92 | 
            -
                }
         | 
| 93 | 
            -
              }
         | 
| 94 | 
            -
             | 
| 95 | 
            -
              span.float-left {
         | 
| 96 | 
            -
                display: block;
         | 
| 97 | 
            -
                float: left;
         | 
| 98 | 
            -
                margin-right: 13px;
         | 
| 99 | 
            -
                overflow: hidden;
         | 
| 100 | 
            -
             | 
| 101 | 
            -
                span {
         | 
| 102 | 
            -
                  margin: 13px 0 0;
         | 
| 103 | 
            -
                }
         | 
| 104 | 
            -
              }
         | 
| 105 | 
            -
             | 
| 106 | 
            -
              span.float-right {
         | 
| 107 | 
            -
                display: block;
         | 
| 108 | 
            -
                float: right;
         | 
| 109 | 
            -
                margin-left: 13px;
         | 
| 110 | 
            -
                overflow: hidden;
         | 
| 111 | 
            -
             | 
| 112 | 
            -
                > span {
         | 
| 113 | 
            -
                  display: block;
         | 
| 114 | 
            -
                  margin: 13px auto 0;
         | 
| 115 | 
            -
                  overflow: hidden;
         | 
| 116 | 
            -
                  text-align: right;
         | 
| 117 | 
            -
                }
         | 
| 118 | 
            -
              }
         | 
| 119 | 
            -
            }
         |