sindresorhus / generate-github-markdown-css

Generate the CSS for github-markdown-css

generate-github-markdown-css

Generate the CSS for github-markdown-css

Get the CSS

See github-markdown-css

How

First the GitHub.com CSS is fetched. Then we walk through all rules that could take effect in Markdown content, and then do a custom cleanup. A rendered Markdown with all possible syntax is fetched from GitHub to check if we've done right.

API

import githubMarkdownCss from 'generate-github-markdown-css';

/*
If the `light` and `dark` themes are different the CSS returned will include `prefers-color-scheme` blocks for light and dark that match the specified `light` and `dark` themes (considered "auto" mode). This mode will always `preserveVars` as they are necessary for the `prefers-color-scheme` blocks

If the `light` and `dark` themes are equal the output will only contain one theme (considered "single" mode)

In "single" mode the output will apply the values of all variables to the rules themselves.The output will not contain any `var(--variable)` statements. You can disable this by setting `preserveVariables` to true
*/

console.log(await githubMarkdownCss({
		// The theme to use for light theme.
		light: 'light',
		// The theme to use for dark theme.
		dark: 'dark',
		// If `true`, will return a list of available themes instead of the CSS.
		list = false,
		// If `true`, will preserve the block of variables for a given theme even if
		// only exporting one theme. By default, variables are applied to the rules
		// themselves and the resulting CSS will not contain any `var(--variable)`.
		preserveVariables = false,
		// Only output the color variables part of the CSS. Forces
		// `preserveVariables` to be `true`.
		onlyVariables = false,
		// Only output the style part of the CSS without any variables. Forces
		// `preserveVariables` to be `true` and ignores the theme values.
		// Useful to get the base styles to use multiple themes.
		onlyStyles = false,
		// Set the root selector of the rendered Markdown body as it should appear
		// in the output CSS. Defaults to `.markdown-body`.
		rootSelector = '.markdown-body',
	}
));
//=> '.markdown-body { …'

CLI

npm install --global generate-github-markdown-css

$ github-markdown-css --help

  Usage
    github-markdown-css > <filename>

  Options
    --list                List available themes

    Set theme:
    --light               Light theme name from --list values
    --dark                Dark theme name from --list values
    --theme               Theme name: 'auto', light', 'dark', or another from --list values.
                          'auto' means using the media query (prefers-color-scheme)
                          to switch between the 'light' and 'dark' theme.

    Output options:
    --preserve-variables   Preserve variables in the output. Only applies if light
                           and dark themes match or if type is not 'auto'
    --only-style           Only output the styles, forces --preserve-variables on
    --only-variables       Only output the variables for the specified themes
    --root-selector        Specify the root selector when outputting styles, default '.markdown-body'

  Examples
    $ github-markdown-css --list
    light
    dark
    dark_dimmed
    dark_high_contrast
    dark_colorblind
    light_colorblind

    $ github-markdown-css --light=light --dark=dark
    [CSS with variable blocks for 'light' and 'dark' themes]

    $ github-markdown-css --theme=dark_dimmed --only-variables
    [CSS with single variable block for 'dark_dimmed' theme with no element styles]

    $ github-markdown-css --only-style
    [CSS with only element styles using variables but no variables set.
      Use in combination with output from setting --only-variables]

generate-github-markdown-css's Issues

Missing image assets

Viewing the rendered example isn't displaying the asset.

Include styles for user/team mentions

Description

The styling of user/team mentions is different between github-markdown-css and the actual styling on GitHub. I'm not sure if there is an easy fix, since I don't think you can mention a user or team in your fixture.md; this styling seems to only apply in the body of pull requests/issues/comments.

My coworkers identified at least some of the missing styles:

.team-mention, .user-mention {
    font-weight: 600;
    color: #24292e;
    white-space: nowrap;
}

github-markdown-css styles:

Actual GitHub styles:

/cc @also @JHilker

Github Dark Dimmed theme

Github has a also a dark dimmed theme

Add `dl` tag/element

GitHub has special styling for the dl tag

E.g.

<p>Cryptids of Cornwall:</p>

<dl>
  <dt>Beast of Bodmin</dt>
  <dd>A large feline inhabiting Bodmin Moor.</dd>

  <dt>Morgawr</dt>
  <dd>A sea serpent.</dd>

  <dt>Owlman</dt>
  <dd>A giant owl-like creature.</dd>
</dl>

Gives:

Cryptids of Cornwall:

Beast of Bodmin

A large feline inhabiting Bodmin Moor.

Morgawr

A sea serpent.

Owlman

A giant owl-like creature.

Unable to parse HTML5 <details> and <summary> relevant style

As mentioned in sindresorhus/github-markdown-css#60, the stylesheet generated couldn't support the style for HTML5 <details> with <summary>.

Example Code on Github

<details>
<summary>My Example</summary>
Hello world
</details>

Parse Result

My Example

Hello world

Relevant CSS by Inspector

Primer Source files

I know this generator uses GitHub's rendered stylesheet to obtain the resulting markdown CSS, but it might be better to use the provided source SCSS files in https://github.com/primer/markdown.

The result would need to be combined with the syntax highlighting style provided in a separate repository: https://github.com/primer/github-syntax-light.

How to get new github's official dark css

Github now officially released its dark theme.

Error in downloaded CSS

Error

There's an error thrown when trying to run css.parse(str) in

https://github.com/sindresorhus/generate-github-markdown-css/blob/v4.0.0/index.js#L108

Error: undefined:42:70: missing '{'
    at error (node_modules/css/lib/parse/index.js:62:15)
    at declarations (node_modules/css/lib/parse/index.js:248:25)
    at rule (node_modules/css/lib/parse/index.js:561:21)
    at rules (node_modules/css/lib/parse/index.js:118:70)
    at stylesheet (node_modules/css/lib/parse/index.js:81:21)
    at Object.module.exports [as parse] (node_modules/css/lib/parse/index.js:565:20)
    at cleanupCss (node_modules/generate-github-markdown-css/index.js:118:15)
    at module.exports (node_modules/generate-github-markdown-css/index.js:196:30)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at async src/doc.js:14:27 {
  reason: "missing '{'",
  filename: undefined,
  line: 42,
  column: 70,
  source: ''

Snapshot of str

Here's a snapshot of the str css was trying to parse.

 /*** uncss> filename: https://github.githubassets.com/assets/frameworks-1a94291239c06103bf469f916788088f.css ***/
/*!
 * @primer/css/core
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}details{display:block}summary{display:list-item}a{background-color:initial}a:active,a:hover{outline-width:0}strong{font-weight:inherit;font-weight:bolder}h1{font-size:2em;margin:.67em 0}img{border-style:none}code,kbd,pre{font-family:monospace,monospace;font-size:1em}hr{box-sizing:initial;height:0;overflow:visible}input{font:inherit;margin:0}input{overflow:visible}[type=checkbox]{box-sizing:border-box;padding:0}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--color-scale-black:#1b1f23;--color-scale-white:#fff;--color-scale-gray-0:#fafbfc;--color-scale-gray-1:#f6f8fa;--color-scale-gray-2:#e1e4e8;--color-scale-gray-3:#d1d5da;--color-scale-gray-4:#959da5;--color-scale-gray-5:#6a737d;--color-scale-gray-6:#586069;--color-scale-gray-7:#444d56;--color-scale-gray-8:#2f363d;--color-scale-gray-9:#24292e;--color-scale-blue-0:#f1f8ff;--color-scale-blue-1:#dbedff;--color-scale-blue-2:#c8e1ff;--color-scale-blue-3:#79b8ff;--color-scale-blue-4:#2188ff;--color-scale-blue-5:#0366d6;--color-scale-blue-6:#005cc5;--color-scale-blue-7:#044289;--color-scale-blue-8:#032f62;--color-scale-blue-9:#05264c;--color-scale-green-0:#f0fff4;--color-scale-green-1:#dcffe4;--color-scale-green-2:#bef5cb;--color-scale-green-3:#85e89d;--color-scale-green-4:#34d058;--color-scale-green-5:#28a745;--color-scale-green-6:#22863a;--color-scale-green-7:#176f2c;--color-scale-green-8:#165c26;--color-scale-green-9:#144620;--color-scale-yellow-0:#fffdef;--color-scale-yellow-1:#fffbdd;--color-scale-yellow-2:#fff5b1;--color-scale-yellow-3:#ffea7f;--color-scale-yellow-4:#ffdf5d;--color-scale-yellow-5:#ffd33d;--color-scale-yellow-6:#f9c513;--color-scale-yellow-7:#dbab09;--color-scale-yellow-8:#b08800;--color-scale-yellow-9:#735c0f;--color-scale-orange-0:#fff8f2;--color-scale-orange-1:#ffebda;--color-scale-orange-2:#ffd1ac;--color-scale-orange-3:#ffab70;--color-scale-orange-4:#fb8532;--color-scale-orange-5:#f66a0a;--color-scale-orange-6:#e36209;--color-scale-orange-7:#d15704;--color-scale-orange-8:#c24e00;--color-scale-orange-9:#a04100;--color-scale-red-0:#ffeef0;--color-scale-red-1:#ffdce0;--color-scale-red-2:#fdaeb7;--color-scale-red-3:#f97583;--color-scale-red-4:#ea4a5a;--color-scale-red-5:#d73a49;--color-scale-red-6:#cb2431;--color-scale-red-7:#b31d28;--color-scale-red-8:#9e1c23;--color-scale-red-9:#86181d;--color-scale-purple-0:#f5f0ff;--color-scale-purple-1:#e6dcfd;--color-scale-purple-2:#d1bcf9;--color-scale-purple-3:#b392f0;--color-scale-purple-4:#8a63d2;--color-scale-purple-5:#6f42c1;--color-scale-purple-6:#5a32a3;--color-scale-purple-7:#4c2889;--color-scale-purple-8:#3a1d6e;--color-scale-purple-9:#29134e;--color-scale-pink-0:#ffeef8;--color-scale-pink-1:#fedbf0;--color-scale-pink-2:#f9b3dd;--color-scale-pink-3:#f692ce;--color-scale-pink-4:#ec6cb9;--color-scale-pink-5:#ea4aaa;--color-scale-pink-6:#d03592;--color-scale-pink-7:#b93a86;--color-scale-pink-8:#99306f;--color-scale-pink-9:#6d224f;--color-auto-black:#1b1f23;--color-auto-white:#fff;--color-auto-gray-0:#fafbfc;--color-auto-gray-1:#f6f8fa;--color-auto-gray-2:#e1e4e8;--color-auto-gray-3:#d1d5da;--color-auto-gray-4:#959da5;--color-auto-gray-5:#6a737d;--color-auto-gray-6:#586069;--color-auto-gray-7:#444d56;--color-auto-gray-8:#2f363d;--color-auto-gray-9:#24292e;--color-auto-blue-0:#f1f8ff;--color-auto-blue-1:#dbedff;--color-auto-blue-2:#c8e1ff;--color-auto-blue-3:#79b8ff;--color-auto-blue-4:#2188ff;--color-auto-blue-5:#0366d6;--color-auto-blue-6:#005cc5;--color-auto-blue-7:#044289;--color-auto-blue-8:#032f62;--color-auto-blue-9:#05264c;--color-auto-green-0:#f0fff4;--color-auto-green-1:#dcffe4;--color-auto-green-2:#bef5cb;--color-auto-green-3:#85e89d;--color-auto-green-4:#34d058;--color-auto-green-5:#28a745;--color-auto-green-6:#22863a;--color-auto-green-7:#176f2c;--color-auto-green-8:#165c26;--color-auto-green-9:#144620;--color-auto-yellow-0:#fffdef;--color-auto-yellow-1:#fffbdd;--color-auto-yellow-2:#fff5b1;--color-auto-yellow-3:#ffea7f;--color-auto-yellow-4:#ffdf5d;--color-auto-yellow-5:#ffd33d;--color-auto-yellow-6:#f9c513;--color-auto-yellow-7:#dbab09;--color-auto-yellow-8:#b08800;--color-auto-yellow-9:#735c0f;--color-auto-orange-0:#fff8f2;--color-auto-orange-1:#ffebda;--color-auto-orange-2:#ffd1ac;--color-auto-orange-3:#ffab70;--color-auto-orange-4:#fb8532;--color-auto-orange-5:#f66a0a;--color-auto-orange-6:#e36209;--color-auto-orange-7:#d15704;--color-auto-orange-8:#c24e00;--color-auto-orange-9:#a04100;--color-auto-red-0:#ffeef0;--color-auto-red-1:#ffdce0;--color-auto-red-2:#fdaeb7;--color-auto-red-3:#f97583;--color-auto-red-4:#ea4a5a;--color-auto-red-5:#d73a49;--color-auto-red-6:#cb2431;--color-auto-red-7:#b31d28;--color-auto-red-8:#9e1c23;--color-auto-red-9:#86181d;--color-auto-purple-0:#f5f0ff;--color-auto-purple-1:#e6dcfd;--color-auto-purple-2:#d1bcf9;--color-auto-purple-3:#b392f0;--color-auto-purple-4:#8a63d2;--color-auto-purple-5:#6f42c1;--color-auto-purple-6:#5a32a3;--color-auto-purple-7:#4c2889;--color-auto-purple-8:#3a1d6e;--color-auto-purple-9:#29134e;--color-auto-pink-0:#ffeef8;--color-auto-pink-1:#fedbf0;--color-auto-pink-2:#f9b3dd;--color-auto-pink-3:#f692ce;--color-auto-pink-4:#ec6cb9;--color-auto-pink-5:#ea4aaa;--color-auto-pink-6:#d03592;--color-auto-pink-7:#b93a86;--color-auto-pink-8:#99306f;--color-auto-pink-9:#6d224f;--color-text-primary:#24292e;--color-text-secondary:#586069;--color-text-tertiary:#6a737d;--color-text-placeholder:#6a737d;--color-text-disabled:#959da5;--color-text-inverse:#fff;--color-text-link:#0366d6;--color-text-danger:#cb2431;--color-text-success:#22863a;--color-text-warning:#b08800;--color-text-white:#fff;--color-icon-primary:#24292e;--color-icon-secondary:#586069;--color-icon-tertiary:#959da5;--color-icon-info:#0366d6;--color-icon-danger:#d73a49;--color-icon-success:#22863a;--color-icon-warning:#b08800;--color-border-primary:#e1e4e8;--color-border-secondary:#eaecef;--color-border-tertiary:#d1d5da;--color-border-overlay:#e1e4e8;--color-border-inverse:#fff;--color-border-info:#0366d6;--color-border-danger:#d73a49;--color-border-success:#34d058;--color-border-warning:#f9c513;--color-bg-canvas:#fff;--color-bg-canvas-mobile:#fff;--color-bg-canvas-inverse:#24292e;--color-bg-canvas-inset:#f6f8fa;--color-bg-primary:#fff;--color-bg-secondary:#fafbfc;--color-bg-tertiary:#f6f8fa;--color-bg-overlay:#fff;--color-bg-backdrop:rgba(27,31,35,0.5);--color-bg-info:#f1f8ff;--color-bg-info-inverse:#0366d6;--color-bg-danger:#ffeef0;--color-bg-danger-inverse:#d73a49;--color-bg-success:#dcffe4;--color-bg-success-inverse:#28a745;--color-bg-warning:#fff5b1;--color-bg-warning-inverse:#ffd33d;--color-shadow-small:0 1px 0 rgba(27,31,35,0.04);--color-shadow-medium:0 3px 6px rgba(149,157,165,0.15);--color-shadow-large:0 8px 24px rgba(149,157,165,0.2);--color-shadow-extra-large:0 12px 48px rgba(149,157,165,0.3);--color-shadow-highlight:inset 0 1px 0 hsla(0,0%,100%,0.25);--color-shadow-inset:inset 0 1px 0 rgba(225,228,232,0.2);--color-state-hover-primary-bg:#0366d6;--color-state-hover-primary-border:#0366d6;--color-state-hover-primary-text:#fff;--color-state-hover-primary-icon:#fff;--color-state-hover-secondary-bg:#f6f8fa;--color-state-hover-secondary-border:#f6f8fa;--color-state-selected-primary-bg:#0366d6;--color-state-selected-primary-border:#0366d6;--color-state-selected-primary-text:#fff;--color-state-selected-primary-icon:#fff;--color-state-focus-border:#0366d6;--color-state-focus-shadow:0 0 0 3px rgba(3,102,214,0.3);--color-fade-fg-10:rgba(27,31,35,0.1);--color-fade-fg-15:rgba(27,31,35,0.15);--color-fade-fg-30:rgba(27,31,35,0.3);--color-fade-fg-50:rgba(27,31,35,0.5);--color-fade-fg-70:rgba(27,31,35,0.7);--color-fade-fg-85:rgba(27,31,35,0.85);--color-fade-black-10:rgba(27,31,35,0.1);--color-fade-black-15:rgba(27,31,35,0.15);--color-fade-black-30:rgba(27,31,35,0.3);--color-fade-black-50:rgba(27,31,35,0.5);--color-fade-black-70:rgba(27,31,35,0.7);--color-fade-black-85:rgba(27,31,35,0.85);--color-fade-white-10:hsla(0,0%,100%,0.1);--color-fade-white-15:hsla(0,0%,100%,0.15);--color-fade-white-30:hsla(0,0%,100%,0.3);--color-fade-white-50:hsla(0,0%,100%,0.5);--color-fade-white-70:hsla(0,0%,100%,0.7);--color-fade-white-85:hsla(0,0%,100%,0.85);--color-alert-info-text:#24292e;--color-alert-info-icon:rgba(4,66,137,0.6);--color-alert-info-bg:#dbedff;--color-alert-info-border:rgba(4,66,137,0.2);--color-alert-warn-text:#24292e;--color-alert-warn-icon:#b08800;--color-alert-warn-bg:#fffbdd;--color-alert-warn-border:rgba(176,136,0,0.2);--color-alert-error-text:#24292e;--color-alert-error-icon:rgba(158,28,35,0.6);--color-alert-error-bg:#ffe3e6;--color-alert-error-border:rgba(158,28,35,0.2);--color-alert-success-text:#24292e;--color-alert-success-icon:rgba(23,111,44,0.8);--color-alert-success-bg:#dcffe4;--color-alert-success-border:rgba(23,111,44,0.2);--color-autocomplete-shadow:0 3px 6px rgba(149,157,165,0.15);--color-autocomplete-row-border:#eaecef;--color-blankslate-icon:#a3aab1;--color-btn-text:#24292e;--color-btn-bg:#fafbfc;--color-btn-border:rgba(27,31,35,0.15);--color-btn-shadow:0 1px 0 rgba(27,31,35,0.04);--color-btn-inset-shadow:inset 0 1px 0 hsla(0,0%,100%,0.25);--color-btn-hover-bg:#f3f4f6;--color-btn-hover-border:rgba(27,31,35,0.15);--color-btn-selected-bg:#edeff2;--color-btn-focus-bg:#fafbfc;--color-btn-focus-border:rgba(27,31,35,0.15);--color-btn-focus-shadow:0 0 0 3px rgba(3,102,214,0.3);--color-btn-shadow-active:inset 0 0.15em 0.3em rgba(27,31,35,0.15);--color-btn-shadow-input-focus:0 0 0 0.2em rgba(3,102,214,0.3);--color-btn-primary-text:#fff;--color-btn-primary-bg:#2ea44f;--color-btn-primary-border:rgba(27,31,35,0.15);--color-btn-primary-shadow:0 1px 0 rgba(27,31,35,0.1);--color-btn-primary-inset-shadow:inset 0 1px 0 hsla(0,0%,100%,0.03);--color-btn-primary-hover-bg:#2c974b;--color-btn-primary-hover-border:rgba(27,31,35,0.15);--color-btn-primary-selected-bg:#2a8f47;--color-btn-primary-selected-shadow:inset 0 1px 0 rgba(20,70,32,0.2);--color-btn-primary-disabled-text:hsla(0,0%,100%,0.8);--color-btn-primary-disabled-bg:#94d3a2;--color-btn-primary-disabled-border:rgba(27,31,35,0.1);--color-btn-primary-focus-bg:#2ea44f;--color-btn-primary-focus-border:rgba(27,31,35,0.15);--color-btn-primary-focus-shadow:0 0 0 3px rgba(46,164,79,0.4);--color-btn-primary-icon:hsla(0,0%,100%,0.8);--color-btn-primary-counter-bg:hsla(0,0%,100%,0.2);--color-btn-outline-text:#0366d6;--color-btn-outline-hover-text:#fff;--color-btn-outline-hover-bg:#0366d6;--color-btn-outline-hover-border:rgba(27,31,35,0.15);--color-btn-outline-hover-shadow:0 1px 0 rgba(27,31,35,0.1);--color-btn-outline-hover-inset-shadow:inset 0 1px 0 hsla(0,0%,100%,0.03);--color-btn-outline-hover-counter-bg:hsla(0,0%,100%,0.2);--color-btn-outline-selected-text:#fff;--color-btn-outline-selected-bg:#035fc7;--color-btn-outline-selected-border:rgba(27,31,35,0.15);--color-btn-outline-selected-shadow:inset 0 1px 0 rgba(5,38,76,0.2);--color-btn-outline-disabled-text:rgba(3,102,214,0.5);--color-btn-outline-disabled-bg:#fafbfc;--color-btn-outline-disabled-counter-bg:rgba(3,102,214,0.05);--color-btn-outline-focus-border:rgba(27,31,35,0.15);--color-btn-outline-focus-shadow:0 0 0 3px rgba(0,92,197,0.4);--color-btn-outline-counter-bg:rgba(3,102,214,0.1);--color-btn-danger-text:#d73a49;--color-btn-danger-hover-text:#fff;--color-btn-danger-hover-bg:#cb2431;--color-btn-danger-hover-border:rgba(27,31,35,0.15);--color-btn-danger-hover-shadow:0 1px 0 rgba(27,31,35,0.1);--color-btn-danger-hover-inset-shadow:inset 0 1px 0 hsla(0,0%,100%,0.03);--color-btn-danger-hover-counter-bg:hsla(0,0%,100%,0.2);--color-btn-danger-selected-text:#fff;--color-btn-danger-selected-bg:#d42d3d;--color-btn-danger-selected-border:rgba(27,31,35,0.15);--color-btn-danger-selected-shadow:inset 0 1px 0 rgba(134,24,29,0.2);--color-btn-danger-disabled-text:rgba(215,58,73,0.5);--color-btn-danger-disabled-bg:#fafbfc;--color-btn-danger-disabled-counter-bg:rgba(215,58,73,0.05);--color-btn-danger-focus-border:rgba(27,31,35,0.15);--color-btn-danger-focus-shadow:0 0 0 3px rgba(203,36,49,0.4);--color-btn-danger-counter-bg:rgba(215,58,73,0.1);--color-btn-danger-icon:#d73a49;--color-btn-danger-hover-icon:#fff;--color-btn-counter-bg:rgba(27,31,35,0.08);--color-counter-text:#24292e;--color-counter-bg:rgba(209,213,218,0.5);--color-counter-primary-text:#fff;--color-counter-primary-bg:#6a737d;--color-counter-secondary-text:#6a737d;--color-dropdown-shadow:0 8px 24px rgba(149,157,165,0.2);--color-label-border:#e1e4e8;--color-label-primary-text:#24292e;--color-label-primary-border:#6a737d;--color-label-secondary-text:#586069;--color-label-secondary-border:#e1e4e8;--color-label-info-text:#0366d6;--color-label-info-border:#0366d6;--color-label-success-text:#22863a;--color-label-success-border:#28a745;--color-label-warning-text:#735c0f;--color-label-warning-border:#b08800;--color-label-danger-text:#d73a49;--color-label-danger-border:#cb2431;--color-label-orange-text:#c24e00;--color-label-orange-border:#f66a0a;--color-input-bg:#fff;--color-input-contrast-bg:#fafbfc;--color-input-border:#e1e4e8;--color-input-shadow:inset 0 1px 2px rgba(27,31,35,0.075);--color-input-disabled-bg:#fff;--color-input-disabled-border:#e1e4e8;--color-input-warning-border:#f9c513;--color-input-error-border:#cb2431;--color-input-tooltip-success-text:#144620;--color-input-tooltip-success-bg:#dcffe4;--color-input-tooltip-success-border:#34d058;--color-input-tooltip-warning-text:#735c0f;--color-input-tooltip-warning-bg:#fff5b1;--color-input-tooltip-warning-border:#f9c513;--color-input-tooltip-error-text:#86181d;--color-input-tooltip-error-bg:#ffeef0;--color-input-tooltip-error-border:#f97583;--color-avatar-bg:#fff;--color-avatar-border:transparent;--color-avatar-stack-fade:#d1d5da;--color-avatar-stack-fade-more:#e1e4e8;--color-avatar-child-shadow:-2px -2px 0 hsla(0,0%,100%,0.8);--color-toast-text:#24292e;--color-toast-bg:#fff;--color-toast-border:#e1e4e8;--color-toast-shadow:0 8px 24px rgba(149,157,165,0.2);--color-toast-icon:#fff;--color-toast-icon-bg:#0366d6;--color-toast-icon-border:transparent;--color-toast-success-text:#24292e;--color-toast-success-border:#e1e4e8;--color-toast-success-icon:#fff;--color-toast-success-icon-bg:#28a745;--color-toast-success-icon-border:transparent;--color-toast-warning-text:#24292e;--color-toast-warning-border:#e1e4e8;--color-toast-warning-icon:#24292e;--color-toast-warning-icon-bg:#ffd33d;--color-toast-warning-icon-border:transparent;--color-toast-danger-text:#24292e;--color-toast-danger-border:#e1e4e8;--color-toast-danger-icon:#fff;--color-toast-danger-icon-bg:#d73a49;--color-toast-danger-icon-border:transparent;--color-toast-loading-text:#24292e;--color-toast-loading-border:#e1e4e8;--color-toast-loading-icon:#fff;--color-toast-loading-icon-bg:#586069;--color-toast-loading-icon-border:transparent;--color-timeline-text:#444d56;--color-timeline-badge-bg:#e1e4e8;--color-timeline-target-badge-border:#2188ff;--color-timeline-target-badge-shadow:#c8e1ff;--color-select-menu-border-secondary:#eaecef;--color-select-menu-shadow:0 0 18px rgba(27,31,35,0.4);--color-select-menu-backdrop-bg:rgba(27,31,35,0.5);--color-select-menu-backdrop-border:transparent;--color-select-menu-tap-highlight:rgba(209,213,218,0.5);--color-select-menu-tap-focus-bg:#dbedff;--color-box-blue-border:#c8e1ff;--color-box-row-yellow-bg:#fffbdd;--color-box-row-blue-bg:#f1f8ff;--color-box-header-blue-bg:#f1f8ff;--color-box-header-blue-border:#c8e1ff;--color-box-border-info:rgba(3,102,214,0.2);--color-box-bg-info:#f1f8ff;--color-box-border-warning:rgba(255,211,61,0.4);--color-box-bg-warning:#fffdef;--color-branch-name-text:#586069;--color-branch-name-icon:#a8bbd0;--color-branch-name-bg:#eaf5ff;--color-branch-name-link-text:#0366d6;--color-branch-name-link-icon:#a8bbd0;--color-branch-name-link-bg:#eaf5ff;--color-markdown-code-bg:rgba(27,31,35,0.05);--color-markdown-frame-border:#dfe2e5;--color-markdown-blockquote-border:#dfe2e5;--color-markdown-table-border:#dfe2e5;--color-markdown-table-tr-border:#c6cbd1;--color-menu-heading-text:#24292e;--color-menu-border-active:#f9826c;--color-menu-bg-active:transparent;--color-sidenav-selected-bg:#fff;--color-sidenav-border-active:#f9826c;--color-header-text:hsla(0,0%,100%,0.7);--color-header-bg:#24292e;--color-header-logo:#fff;--color-filter-item-bar-bg:#eff3f6;--color-hidden-text-expander-bg:#dfe2e5;--color-hidden-text-expander-bg-hover:#c6cbd1;--color-drag-and-drop-border:#c3c8cf;--color-upload-enabled-border:#dfe2e5;--color-upload-enabled-border-focused:#4a9eff;--color-previewable-comment-form-border:#c3c8cf;--color-underlinenav-border:rgba(209,213,218,0);--color-underlinenav-border-hover:#d1d5da;--color-underlinenav-border-active:#f9826c;--color-underlinenav-text:#24292e;--color-underlinenav-text-hover:#24292e;--color-underlinenav-text-active:#24292e;--color-underlinenav-icon:#959da5;--color-underlinenav-icon-hover:#959da5;--color-underlinenav-icon-active:#24292e;--color-underlinenav-counter-text:#24292e;--color-verified-badge-text:#22863a;--color-verified-badge-bg:#fff;--color-verified-badge-border:#e1e4e8;--color-social-count-bg:#fff;--color-tooltip-text:#fff;--color-tooltip-bg:#24292e;--color-header-search-bg:#24292e;--color-header-search-border:#444d56;--color-search-keyword-hl:#fffbdd;--color-diffstat-neutral-bg:#d1d5da;--color-diffstat-neutral-border:#d1d5da;--color-diffstat-deletion-bg:#d73a49;--color-diffstat-deletion-border:#d73a49;--color-diffstat-addition-bg:#28a745;--color-diffstat-addition-border:#28a745;--color-mktg-success:#2ebc4f;--color-mktg-info:#1074e7;--color-mktg-bg-shade-gradient-top:rgba(27,31,35,0.065);--color-mktg-bg-shade-gradient-bottom:rgba(27,31,35,0);--color-mktg-btn-bg:#3076df;--color-mktg-btn-border:#3076df;--color-mktg-btn-text:#fff;--color-mktg-btn-icon:#fff;--color-mktg-btn-focus-shadow:0 0 0 3px rgba(48,118,223,0.3);--color-mktg-btn-hover-bg:#0366d6;--color-mktg-btn-hover-border:#0366d6;--color-mktg-btn-disabled-bg:rgba(48,118,223,0.5);--color-mktg-btn-disabled-border:transparent;--color-mktg-btn-disabled-text:#fff;--color-mktg-btn-disabled-icon:#fff;--color-mktg-btn-primary-bg:#5eb85c;--color-mktg-btn-primary-border:#5eb85c;--color-mktg-btn-primary-text:#fff;--color-mktg-btn-primary-icon:#fff;--color-mktg-btn-primary-focus-shadow:0 0 0 3px rgba(94,184,92,0.3);--color-mktg-btn-primary-hover-bg:#28a745;--color-mktg-btn-primary-hover-border:#28a745;--color-mktg-btn-primary-disabled-bg:rgba(94,184,92,0.5);--color-mktg-btn-primary-disabled-border:transparent;--color-mktg-btn-primary-disabled-text:#fff;--color-mktg-btn-primary-disabled-icon:#fff;--color-mktg-btn-outline-bg:transparent;--color-mktg-btn-outline-border:rgba(42,103,195,0.5);--color-mktg-btn-outline-text:#3076df;--color-mktg-btn-outline-icon:#3076df;--color-mktg-btn-outline-focus-shadow:0 0 0 3px rgba(42,103,195,0.3);--color-mktg-btn-outline-hover-bg:transparent;--color-mktg-btn-outline-hover-border:#0366d6;--color-mktg-btn-outline-hover-text:#0366d6;--color-mktg-btn-outline-hover-icon:#0366d6;--color-mktg-btn-outline-disabled-bg:transparent;--color-mktg-btn-outline-disabled-border:rgba(42,103,195,0.2);--color-mktg-btn-outline-disabled-text:rgba(48,118,223,0.5);--color-mktg-btn-outline-disabled-icon:rgba(48,118,223,0.5);--color-mktg-btn-dark-bg:transparent;--color-mktg-btn-dark-border:hsla(0,0%,100%,0.5);--color-mktg-btn-dark-text:#fff;--color-mktg-btn-dark-icon:#fff;--color-mktg-btn-dark-focus-shadow:0 0 0 3px hsla(0,0%,100%,0.3);--color-mktg-btn-dark-hover-bg:#fff;--color-mktg-btn-dark-hover-border:#fff;--color-mktg-btn-dark-hover-text:#444d56;--color-mktg-btn-dark-hover-icon:#444d56;--color-mktg-btn-dark-disabled-bg:transparent;--color-mktg-btn-dark-disabled-border:hsla(0,0%,100%,0.2);--color-mktg-btn-dark-disabled-text:hsla(0,0%,100%,0.5);--color-mktg-btn-dark-disabled-icon:hsla(0,0%,100%,0.5);--color-files-explorer-icon:#79b8ff;--color-hl-author-bg:#f1f8ff;--color-hl-author-border:#c8e1ff;--color-logo-subdued:#d1d5da;--color-discussion-border:#a2cbac;--color-discussion-bg-success:#28a745;--color-actions-workflow-table-sticky-bg:hsla(0,0%,100%,0.95);--color-repo-language-color-border:rgba(27,31,35,0.1);--color-code-selection-bg:#c8e1ff;--color-highlight-text:#442c12;--color-highlight-bg:#fff0bb;--color-blob-line-highlight-bg:#fffbdd;--color-blob-line-highlight-border:transparent;--color-diff-addition-text:#22863a;--color-diff-addition-bg:#e6ffed;--color-diff-addition-border:#34d058;--color-diff-deletion-text:#cb2431;--color-diff-deletion-bg:#ffeef0;--color-diff-deletion-border:#d73a49;--color-diff-change-text:#b08800;--color-diff-change-bg:#fff5b1;--color-diff-change-border:#f9c513;--color-diff-blob-num-text:rgba(27,31,35,0.3);--color-diff-blob-num-hover-text:rgba(27,31,35,0.6);--color-diff-blob-addition-num-text:rgba(27,31,35,0.3);--color-diff-blob-addition-num-hover-text:rgba(27,31,35,0.6);--color-diff-blob-addition-num-bg:#cdffd8;--color-diff-blob-addition-line-bg:#e6ffed;--color-diff-blob-addition-word-bg:#acf2bd;--color-diff-blob-deletion-num-text:rgba(27,31,35,0.3);--color-diff-blob-deletion-num-hover-text:rgba(27,31,35,0.6);--color-diff-blob-deletion-num-bg:#ffdce0;--color-diff-blob-deletion-line-bg:#ffeef0;--color-diff-blob-deletion-word-bg:#fdb8c0;--color-diff-blob-hunk-text:rgba(27,31,35,0.7);--color-diff-blob-hunk-num-bg:#dbedff;--color-diff-blob-hunk-line-bg:#f1f8ff;--color-diff-blob-empty-block-bg:#fafbfc;--color-diff-blob-selected-line-highlight-bg:rgba(255,223,93,0.2);--color-diff-blob-selected-line-highlight-border:#ffd33d;--color-diff-blob-selected-line-highlight-mix-blend-mode:multiply;--color-diff-blob-expander-icon:#586069;--color-diff-blob-expander-hover-icon:#fff;--color-diff-blob-expander-hover-bg:#0366d6;--color-diff-blob-comment-button-icon:#fff;--color-diff-blob-comment-button-bg:#0366d6;--color-diff-blob-comment-button-gradient-bg:#0372ef;--color-global-nav-logo:#fff;--color-global-nav-bg:#24292e;--color-global-nav-text:#fff;--color-global-nav-icon:#fff;--color-global-nav-input-bg:#fafbfc;--color-global-nav-input-border:#fafbfc;--color-global-nav-input-icon:#d1d5da;--color-global-nav-input-placeholder:#959da5;--color-calendar-graph-day-bg:#ebedf0;--color-calendar-graph-day-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L1-bg:#9be9a8;--color-calendar-graph-day-L2-bg:#40c463;--color-calendar-graph-day-L3-bg:#30a14e;--color-calendar-graph-day-L4-bg:#216e39;--color-calendar-graph-day-L4-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L3-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L2-border:rgba(27,31,35,0.06);--color-calendar-graph-day-L1-border:rgba(27,31,35,0.06);--color-footer-invertocat-octicon:#d1d5da;--color-footer-invertocat-octicon-hover:#6a737d;--color-pr-state-draft-text:#fff;--color-pr-state-draft-bg:#6a737d;--color-pr-state-draft-border:transparent;--color-pr-state-open-text:#fff;--color-pr-state-open-bg:#28a745;--color-pr-state-open-border:transparent;--color-pr-state-merged-text:#fff;--color-pr-state-merged-bg:#6f42c1;--color-pr-state-merged-border:transparent;--color-pr-state-closed-text:#fff;--color-pr-state-closed-bg:#d73a49;--color-pr-state-closed-border:transparent;--color-topic-tag-text:#0366d6;--color-topic-tag-bg:#f1f8ff;--color-topic-tag-hover-bg:#def;--color-topic-tag-active-bg:#e7f3ff;--color-merge-box-success-icon-bg:#28a745;--color-merge-box-success-icon-text:#fff;--color-merge-box-success-icon-border:transparent;--color-merge-box-success-indicator-bg:#28a745;--color-merge-box-success-indicator-border:transparent;--color-merge-box-merged-icon-bg:#6f42c1;--color-merge-box-merged-icon-text:#fff;--color-merge-box-merged-icon-border:transparent;--color-merge-box-merged-box-border:#6f42c1;--color-merge-box-neutral-icon-bg:#6a737d;--color-merge-box-neutral-icon-text:#fff;--color-merge-box-neutral-icon-border:transparent;--color-merge-box-neutral-indicator-bg:#6a737d;--color-merge-box-neutral-indicator-border:transparent;--color-merge-box-warning-icon-bg:#dbab09;--color-merge-box-warning-icon-text:#fff;--color-merge-box-warning-icon-border:transparent;--color-merge-box-warning-box-border:#ffd33d;--color-merge-box-warning-merge-highlight:transparent;--color-merge-box-error-icon-bg:#d73a49;--color-merge-box-error-icon-text:#fff;--color-merge-box-error-icon-border:transparent;--color-merge-box-error-indicator-bg:#d73a49;--color-merge-box-error-indicator-border:transparent;--color-project-card-bg:#fff;--color-project-header-bg:#24292e;--color-project-sidebar-bg:#fff;--color-project-gradient-in:#fff;--color-project-gradient-out:hsla(0,0%,100%,0);--color-checks-bg:#24292e;--color-checks-run-border-width:0px;--color-checks-container-border-width:0px;--color-checks-text-primary:#fafbfc;--color-checks-text-secondary:#959da5;--color-checks-text-link:#79b8ff;--color-checks-btn-icon:#d1d5da;--color-checks-btn-hover-icon:#fafbfc;--color-checks-btn-hover-bg:hsla(0,0%,100%,0.125);--color-checks-input-text:#f6f8fa;--color-checks-input-placeholder-text:#959da5;--color-checks-input-focus-text:#959da5;--color-checks-input-bg:#2f363d;--color-checks-input-shadow:none;--color-checks-dropdown-text:#d1d5da;--color-checks-dropdown-bg:#2f363d;--color-checks-dropdown-border:#444d56;--color-checks-dropdown-hover-text:#fafbfc;--color-checks-dropdown-hover-bg:#444d56;--color-checks-dropdown-btn-hover-text:#fafbfc;--color-checks-dropdown-btn-hover-bg:#2f363d;--color-checks-scrollbar-thumb-bg:#586069;--color-checks-header-label-text:#e1e4e8;--color-checks-header-label-open-text:#fafbfc;--color-checks-header-border:#2f363d;--color-checks-header-icon:#959da5;--color-checks-line-text:#e1e4e8;--color-checks-line-num-text:rgba(149,157,165,0.75);--color-checks-line-timestamp-text:#959da5;--color-checks-line-hover-bg:#2f363d;--color-checks-line-selected-bg:rgba(33,136,255,0.15);--color-checks-line-selected-num-text:#79b8ff;--color-checks-line-dt-fm-text:#24292e;--color-checks-line-dt-fm-bg:#ffd33d;--color-checks-gate-bg:rgba(249,197,19,0.15);--color-checks-gate-text:#e1e4e8;--color-checks-gate-waiting-text:#d1d5da;--color-checks-step-header-open-bg:#2f363d;--color-checks-step-error-text:#f97583;--color-checks-step-warning-text:#ffea7f;--color-checks-logline-text:#959da5;--color-checks-logline-num-text:rgba(149,157,165,0.75);--color-checks-logline-debug-text:#b392f0;--color-checks-logline-error-text:#e1e4e8;--color-checks-logline-error-num-text:#f97583;--color-checks-logline-error-bg:rgba(203,36,49,0.15);--color-checks-logline-warning-text:#e1e4e8;--color-checks-logline-warning-num-text:#ffea7f;--color-checks-logline-warning-bg:rgba(249,197,19,0.15);--color-checks-logline-command-text:#79b8ff;--color-checks-logline-section-text:#85e89d;--color-intro-shelf-gradient-left:#f1f8ff;--color-intro-shelf-gradient-right:#dcffe4;--color-intro-shelf-gradient-in:#fff;--color-intro-shelf-gradient-out:hsla(0,0%,100%,0);--color-marketing-icon-primary:#2188ff;--color-marketing-icon-secondary:#79b8ff;--color-prettylights-syntax-comment:#6a737d;--color-prettylights-syntax-constant:#005cc5;--color-prettylights-syntax-entity:#6f42c1;--color-prettylights-syntax-storage-modifier-import:#24292e;--color-prettylights-syntax-entity-tag:#22863a;--color-prettylights-syntax-keyword:#d73a49;--color-prettylights-syntax-string:#032f62;--color-prettylights-syntax-variable:#e36209;--color-prettylights-syntax-brackethighlighter-unmatched:#b31d28;--color-prettylights-syntax-invalid-illegal-text:#fafbfc;--color-prettylights-syntax-invalid-illegal-bg:#b31d28;--color-prettylights-syntax-carriage-return-text:#fafbfc;--color-prettylights-syntax-carriage-return-bg:#d73a49;--color-prettylights-syntax-string-regexp:#22863a;--color-prettylights-syntax-markup-list:#735c0f;--color-prettylights-syntax-markup-heading:#005cc5;--color-prettylights-syntax-markup-italic:#24292e;--color-prettylights-syntax-markup-bold:#24292e;--color-prettylights-syntax-markup-deleted-text:#b31d28;--color-prettylights-syntax-markup-deleted-bg:#ffeef0;--color-prettylights-syntax-markup-inserted-text:#22863a;--color-prettylights-syntax-markup-inserted-bg:#f0fff4;--color-prettylights-syntax-markup-changed-text:#e36209;--color-prettylights-syntax-markup-changed-bg:#ffebda;--color-prettylights-syntax-markup-ignored-text:#f6f8fa;--color-prettylights-syntax-markup-ignored-bg:#005cc5;--color-prettylights-syntax-meta-diff-range:#6f42c1;--color-prettylights-syntax-brackethighlighter-angle:#586069;--color-prettylights-syntax-sublimelinter-gutter-mark:#959da5;--color-prettylights-syntax-constant-other-reference-link:#032f62;--color-codemirror-text:#24292e;--color-codemirror-bg:#fff;--color-codemirror-gutters-bg:#fff;--color-codemirror-guttermarker-text:#fff;--color-codemirror-guttermarker-subtle-text:#d1d5da;--color-codemirror-linenumber-text:#959da5;--color-codemirror-cursor:#24292e;--color-codemirror-selection-bg:#c8e1ff;--color-codemirror-activeline-bg:#fafbfc;--color-codemirror-matchingbracket-text:#24292e;--color-codemirror-lines-bg:#fff;--color-codemirror-syntax-comment:#6a737d;--color-codemirror-syntax-constant:#005cc5;--color-codemirror-syntax-entity:#6f42c1;--color-codemirror-syntax-keyword:#d73a49;--color-codemirror-syntax-storage:#d73a49;--color-codemirror-syntax-string:#032f62;--color-codemirror-syntax-support:#005cc5;--color-codemirror-syntax-variable:#e36209;--color-ansi-black:#24292e;--color-ansi-black-bright:#2f363d;--color-ansi-white:#e1e4e8;--color-ansi-white-bright:#e1e4e8;--color-ansi-gray:#959da5;--color-ansi-red:#f97583;--color-ansi-red-bright:#fdaeb7;--color-ansi-green:#85e89d;--color-ansi-green-bright:#bef5cb;--color-ansi-yellow:#ffea7f;--color-ansi-yellow-bright:#fff5b1;--color-ansi-blue:#79b8ff;--color-ansi-blue-bright:#c8e1ff;--color-ansi-magenta:#b392f0;--color-ansi-magenta-bright:#d1bcf9;--color-ansi-cyan:#76e3ea;--color-ansi-cyan-bright:#b3f0ff}*{box-sizing:border-box}input{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-canvas)}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}strong{font-weight:600}hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid var(--color-border-secondary)}hr:after,hr:before{display:table;content:""}hr:after{clear:both}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}details summary{cursor:pointer}kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:10px;color:var(--color-auto-gray-7);vertical-align:middle;background-color:var(--color-bg-secondary);border-bottom-color:var(--color-border-tertiary);border:1px solid var(--color-border-tertiary);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-border-tertiary)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px}h1,h2{font-weight:600}h2{font-size:24px}h3{font-size:20px}h3,h4{font-weight:600}h4{font-size:16px}h5{font-size:14px}h5,h6{font-weight:600}h6{font-size:12px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0}ol,ul{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ol ol ol,ol ul ol,ul ol ol,ul ul ol{list-style-type:lower-alpha}dd{margin-left:0}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0}@supports (-webkit-touch-callout:none){}:-ms-input-placeholder{color:var(--color-text-placeholder);opacity:1}::-ms-input-placeholder{color:var(--color-text-placeholder);opacity:1}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}:checked+.radio-label{position:relative;z-index:1;border-color:var(--color-border-info)}@supports ((-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%)) or (clip-path:polygon(50% 0,100% 50%,50% 100%))){}.border{border:1px solid var(--color-border-primary)!important}.border-0{border:0!important}.border-bottom{border-bottom:1px solid var(--color-border-primary)!important}.rounded-1{border-radius:4px!important}.color-text-tertiary{color:var(--color-text-tertiary)!important}.color-bg-primary{background-color:var(--color-bg-primary)!important}.color-bg-secondary{background-color:var(--color-bg-secondary)!important}.mb-0{margin-bottom:0!important}.my-2{margin-top:8px!important;margin-bottom:8px!important}.pl-0{padding-left:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.pl-1{padding-left:4px!important}.pl-2{padding-left:8px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.pl-3,.px-3{padding-left:16px!important}.px-3{padding-right:16px!important}.pl-4{padding-left:24px!important}.pl-5{padding-left:32px!important}.pl-6{padding-left:40px!important}@media (min-width:544px){.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:4px!important}.pl-sm-2{padding-left:8px!important}.pl-sm-3{padding-left:16px!important}.pl-sm-4{padding-left:24px!important}.pl-sm-5{padding-left:32px!important}.pl-sm-6{padding-left:40px!important}}@media (min-width:768px){.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:4px!important}.pl-md-2{padding-left:8px!important}.pl-md-3{padding-left:16px!important}.pl-md-4{padding-left:24px!important}.pl-md-5{padding-left:32px!important}.pl-md-6{padding-left:40px!important}}@media (min-width:1012px){.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:4px!important}.pl-lg-2{padding-left:8px!important}.pl-lg-3{padding-left:16px!important}.pl-lg-4{padding-left:24px!important}.pl-lg-5{padding-left:32px!important}.pl-lg-6{padding-left:40px!important}}@media (min-width:1280px){.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:4px!important}.pl-xl-2{padding-left:8px!important}.pl-xl-3{padding-left:16px!important}.pl-xl-4{padding-left:24px!important}.pl-xl-5{padding-left:32px!important}.pl-xl-6{padding-left:40px!important}}.f6{font-size:12px!important}.lh-condensed{line-height:1.25!important}.text-bold{font-weight:600!important}
/*!
 * GitHub Light v0.5.0
 * Copyright (c) 2012 - 2017 GitHub, Inc.
 * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
 */.pl-c{color:var(--color-prettylights-syntax-comment)}.pl-c1,.pl-s .pl-v{color:var(--color-prettylights-syntax-constant)}.pl-e,.pl-en{color:var(--color-prettylights-syntax-entity)}.pl-s .pl-s1,.pl-smi{color:var(--color-prettylights-syntax-storage-modifier-import)}.pl-ent{color:var(--color-prettylights-syntax-entity-tag)}.pl-k{color:var(--color-prettylights-syntax-keyword)}.pl-pds,.pl-s,.pl-s .pl-pse .pl-s1,.pl-sr,.pl-sr .pl-cce,.pl-sr .pl-sra,.pl-sr .pl-sre{color:var(--color-prettylights-syntax-string)}.pl-smw,.pl-v{color:var(--color-prettylights-syntax-variable)}.pl-bu{color:var(--color-prettylights-syntax-brackethighlighter-unmatched)}.pl-ii{color:var(--color-prettylights-syntax-invalid-illegal-text);background-color:var(--color-prettylights-syntax-invalid-illegal-bg)}.pl-c2{color:var(--color-prettylights-syntax-carriage-return-text);background-color:var(--color-prettylights-syntax-carriage-return-bg)}.pl-c2:before{content:"^M"}.pl-sr .pl-cce{font-weight:700;color:var(--color-prettylights-syntax-string-regexp)}.pl-ml{color:var(--color-prettylights-syntax-markup-list)}.pl-mh,.pl-mh .pl-en,.pl-ms{font-weight:700;color:var(--color-prettylights-syntax-markup-heading)}.pl-mi{font-style:italic;color:var(--color-prettylights-syntax-markup-italic)}.pl-mb{font-weight:700;color:var(--color-prettylights-syntax-markup-bold)}.pl-md{color:var(--color-prettylights-syntax-markup-deleted-text);background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.pl-mi1{color:var(--color-prettylights-syntax-markup-inserted-text);background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.pl-mc{color:var(--color-prettylights-syntax-markup-changed-text);background-color:var(--color-prettylights-syntax-markup-changed-bg)}.pl-mi2{color:var(--color-prettylights-syntax-markup-ignored-text);background-color:var(--color-prettylights-syntax-markup-ignored-bg)}.pl-mdr{font-weight:700;color:var(--color-prettylights-syntax-meta-diff-range)}.pl-ba{color:var(--color-prettylights-syntax-brackethighlighter-angle)}.pl-sg{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.pl-corl{text-decoration:underline;color:var(--color-prettylights-syntax-constant-other-reference-link)}
/*!
 * GitHub Light v0.4.2
 * Copyright (c) 2012 - 2017 GitHub, Inc.
 * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
 */.placeholder-box{border:1px solid rgba(var(--color-auto-gray-4),1)}.HeaderMenu-summary::marker{display:none}
/*# sourceMappingURL=frameworks-eda813bedc64633230392777d849e23b.css.map */
/*** uncss> filename: https://github.githubassets.com/assets/site-f205ca43654fa7224c4c585e80759ce5.css ***/
@charset "UTF-8";
/*!
 * @primer/css/marketing
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */@font-face{font-family:Inter;font-style:normal;font-weight:400;src:local("Inter"),local("Inter-Regular"),url(/static/fonts/inter/Inter-Regular.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:local("Inter Medium"),local("Inter-Medium"),url(/static/fonts/inter/Inter-Medium.woff) format("woff");font-display:swap}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:local("Inter Bold"),local("Inter-Bold"),url(/static/fonts/inter/Inter-Bold.woff) format("woff");font-display:swap}.mb-0{margin-bottom:0!important}.my-2{margin-bottom:8px!important}.my-2{margin-top:8px!important}.pl-0{padding-left:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.pl-1{padding-left:4px!important}.pl-2{padding-left:8px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.pl-3{padding-left:16px!important}.pl-4{padding-left:24px!important}.pl-5{padding-left:32px!important}.pl-6{padding-left:40px!important}.pl-7{padding-left:48px!important}.pl-8{padding-left:64px!important}.pl-9{padding-left:80px!important}.pl-10{padding-left:96px!important}.pl-11{padding-left:112px!important}.pl-12{padding-left:128px!important}@media (min-width:544px){.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:4px!important}.pl-sm-2{padding-left:8px!important}.pl-sm-3{padding-left:16px!important}.pl-sm-4{padding-left:24px!important}.pl-sm-5{padding-left:32px!important}.pl-sm-6{padding-left:40px!important}.pl-sm-7{padding-left:48px!important}.pl-sm-8{padding-left:64px!important}.pl-sm-9{padding-left:80px!important}.pl-sm-10{padding-left:96px!important}.pl-sm-11{padding-left:112px!important}.pl-sm-12{padding-left:128px!important}}@media (min-width:768px){.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:4px!important}.pl-md-2{padding-left:8px!important}.pl-md-3{padding-left:16px!important}.pl-md-4{padding-left:24px!important}.pl-md-5{padding-left:32px!important}.pl-md-6{padding-left:40px!important}.pl-md-7{padding-left:48px!important}.pl-md-8{padding-left:64px!important}.pl-md-9{padding-left:80px!important}.pl-md-10{padding-left:96px!important}.pl-md-11{padding-left:112px!important}.pl-md-12{padding-left:128px!important}}@media (min-width:1012px){.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:4px!important}.pl-lg-2{padding-left:8px!important}.pl-lg-3{padding-left:16px!important}.pl-lg-4{padding-left:24px!important}.pl-lg-5{padding-left:32px!important}.pl-lg-6{padding-left:40px!important}.pl-lg-7{padding-left:48px!important}.pl-lg-8{padding-left:64px!important}.pl-lg-9{padding-left:80px!important}.pl-lg-10{padding-left:96px!important}.pl-lg-11{padding-left:112px!important}.pl-lg-12{padding-left:128px!important}}@media (min-width:1280px){.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:4px!important}.pl-xl-2{padding-left:8px!important}.pl-xl-3{padding-left:16px!important}.pl-xl-4{padding-left:24px!important}.pl-xl-5{padding-left:32px!important}.pl-xl-6{padding-left:40px!important}.pl-xl-7{padding-left:48px!important}.pl-xl-8{padding-left:64px!important}.pl-xl-9{padding-left:80px!important}.pl-xl-10{padding-left:96px!important}.pl-xl-11{padding-left:112px!important}.pl-xl-12{padding-left:128px!important}}@font-face{font-family:Alliance No\.1;font-style:normal;font-weight:400;src:url(/static/fonts/alliance/Alliance-No-1-Regular.woff) format("woff");font-display:swap}@font-face{font-family:Alliance No\.1;font-style:italic;font-weight:400;src:url(/static/fonts/alliance/Alliance-No-1-Italic.woff) format("woff");font-display:swap}@font-face{font-family:Alliance No\.1;font-style:normal;font-weight:500;src:url(/static/fonts/alliance/Alliance-No-1-SemiBold.woff) format("woff");font-display:swap}@font-face{font-family:Alliance No\.1;font-style:normal;font-weight:600;src:url(/static/fonts/alliance/Alliance-No-1-Bold.woff) format("woff");font-display:swap}@font-face{font-family:Alliance No\.1;font-style:normal;font-weight:800;src:url(/static/fonts/alliance/Alliance-No-1-ExtraBold.woff) format("woff");font-display:swap}.pl-0-fluid{padding-left:0!important}.pl-1-fluid{padding-left:.25rem!important}.pl-2-fluid{padding-left:.5rem!important}.pl-3-fluid{padding-left:1rem!important}.pl-4-fluid{padding-left:1.5rem!important}.pl-5-fluid{padding-left:2rem!important}.pl-6-fluid{padding-left:2.5rem!important}.pl-7-fluid{padding-left:3rem!important}.pl-8-fluid{padding-left:4rem!important}.pl-9-fluid{padding-left:5rem!important}.pl-10-fluid{padding-left:6rem!important}.pl-11-fluid{padding-left:7rem!important}.pl-12-fluid{padding-left:8rem!important}@media (min-width:544px){.pl-sm-0-fluid{padding-left:0!important}.pl-sm-1-fluid{padding-left:.25rem!important}.pl-sm-2-fluid{padding-left:.5rem!important}.pl-sm-3-fluid{padding-left:1rem!important}.pl-sm-4-fluid{padding-left:1.5rem!important}.pl-sm-5-fluid{padding-left:2rem!important}.pl-sm-6-fluid{padding-left:2.5rem!important}.pl-sm-7-fluid{padding-left:3rem!important}.pl-sm-8-fluid{padding-left:4rem!important}.pl-sm-9-fluid{padding-left:5rem!important}.pl-sm-10-fluid{padding-left:6rem!important}.pl-sm-11-fluid{padding-left:7rem!important}.pl-sm-12-fluid{padding-left:8rem!important}}@media (min-width:768px){.pl-md-0-fluid{padding-left:0!important}.pl-md-1-fluid{padding-left:.25rem!important}.pl-md-2-fluid{padding-left:.5rem!important}.pl-md-3-fluid{padding-left:1rem!important}.pl-md-4-fluid{padding-left:1.5rem!important}.pl-md-5-fluid{padding-left:2rem!important}.pl-md-6-fluid{padding-left:2.5rem!important}.pl-md-7-fluid{padding-left:3rem!important}.pl-md-8-fluid{padding-left:4rem!important}.pl-md-9-fluid{padding-left:5rem!important}.pl-md-10-fluid{padding-left:6rem!important}.pl-md-11-fluid{padding-left:7rem!important}.pl-md-12-fluid{padding-left:8rem!important}}@media (min-width:1012px){.pl-lg-0-fluid{padding-left:0!important}.pl-lg-1-fluid{padding-left:.25rem!important}.pl-lg-2-fluid{padding-left:.5rem!important}.pl-lg-3-fluid{padding-left:1rem!important}.pl-lg-4-fluid{padding-left:1.5rem!important}.pl-lg-5-fluid{padding-left:2rem!important}.pl-lg-6-fluid{padding-left:2.5rem!important}.pl-lg-7-fluid{padding-left:3rem!important}.pl-lg-8-fluid{padding-left:4rem!important}.pl-lg-9-fluid{padding-left:5rem!important}.pl-lg-10-fluid{padding-left:6rem!important}.pl-lg-11-fluid{padding-left:7rem!important}.pl-lg-12-fluid{padding-left:8rem!important}}@media (min-width:1280px){.pl-xl-0-fluid{padding-left:0!important}.pl-xl-1-fluid{padding-left:.25rem!important}.pl-xl-2-fluid{padding-left:.5rem!important}.pl-xl-3-fluid{padding-left:1rem!important}.pl-xl-4-fluid{padding-left:1.5rem!important}.pl-xl-5-fluid{padding-left:2rem!important}.pl-xl-6-fluid{padding-left:2.5rem!important}.pl-xl-7-fluid{padding-left:3rem!important}.pl-xl-8-fluid{padding-left:4rem!important}.pl-xl-9-fluid{padding-left:5rem!important}.pl-xl-10-fluid{padding-left:6rem!important}.pl-xl-11-fluid{padding-left:7rem!important}.pl-xl-12-fluid{padding-left:8rem!important}}.border-0{border:0}hr{border-bottom-color:#eee}
/*# sourceMappingURL=site-a18586c96e78490d13d8e241c1a5655e.css.map */
/*** uncss> filename: https://github.githubassets.com/assets/behaviors-27da2df54c24496c2dda0fead7741ff8.css ***/
/*!
 * @primer/css/product
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */.markdown-body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5;word-wrap:break-word}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:10px;color:var(--color-auto-gray-7);vertical-align:middle;background-color:var(--color-bg-secondary);border-bottom-color:var(--color-border-tertiary);border:1px solid var(--color-border-tertiary);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-border-tertiary)}.markdown-body:after,.markdown-body:before{display:table;content:""}.markdown-body:after{clear:both}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body blockquote,.markdown-body details,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:var(--color-border-primary);border:0}.markdown-body blockquote{padding:0 1em;color:var(--color-text-tertiary);border-left:.25em solid var(--color-markdown-blockquote-border)}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2em}.markdown-body h1,.markdown-body h2{padding-bottom:.3em;border-bottom:1px solid var(--color-border-secondary)}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:var(--color-text-tertiary)}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid var(--color-markdown-table-border)}.markdown-body table tr{background-color:var(--color-bg-primary);border-top:1px solid var(--color-markdown-table-tr-border)}.markdown-body table tr:nth-child(2n){background-color:var(--color-bg-tertiary)}.markdown-body img{max-width:100%;box-sizing:initial;background-color:var(--color-bg-primary)}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:var(--color-markdown-code-bg);border-radius:6px}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--color-bg-tertiary);border-radius:6px}.markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:initial;border:0}.select-menu-item input[type=radio]:not(:checked)+.octicon-check,.select-menu-item input[type=radio]:not(:checked)+.octicon-circle-slash{visibility:hidden}.commit-tease-sha{display:inline-block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:90%;color:var(--color-auto-gray-7)}.blob-wrapper{overflow-x:auto;overflow-y:hidden}.blob-wrapper table tr:nth-child(2n){background-color:initial}.blob-wrapper-embedded{max-height:240px;overflow-y:auto}.blob-num{width:1%;min-width:50px;padding-right:10px;padding-left:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:20px;color:var(--color-diff-blob-num-text);text-align:right;white-space:nowrap;vertical-align:top;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blob-num:hover{color:var(--color-diff-blob-num-hover-text)}.blob-num:before{content:attr(data-line-number)}.blob-code{position:relative;padding-right:10px;padding-left:10px;line-height:20px;vertical-align:top}.blob-code-inner{overflow:visible;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:var(--color-text-primary);word-wrap:normal;white-space:pre}.blob-code-inner::selection,.blob-code-inner ::selection{background-color:var(--color-code-selection-bg)}.pl-token.active,.pl-token:hover{cursor:pointer;background:#ffea7f}.emoji-picker-tab .btn-outline:not(:hover){background-color:initial}.task-list-item{list-style-type:none}.task-list-item+.task-list-item{margin-top:3px}.task-list-item-checkbox{margin:0 .2em .25em -1.6em;vertical-align:middle}.AvatarStack-body:not(:hover){background-color:initial}.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) .avatar:nth-of-type(n+6){display:none;opacity:0}.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3) img{opacity:.5}.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4) img{opacity:.33}.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5) img{opacity:.25}.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3){margin-right:0;margin-left:-6px}.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4),.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5){margin-right:0;margin-left:-18px}.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3){margin-right:-6px;margin-left:0}.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4),.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5){margin-right:-18px;margin-left:0}.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3){margin-right:0;margin-left:-2px}.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4),.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5){margin-right:0;margin-left:-30px}.hx_avatar_stack_commit .AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3){margin-right:0;margin-left:-10px}.hx_avatar_stack_commit .AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4),.hx_avatar_stack_commit .AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5){margin-right:0;margin-left:-21px}:checked+.hx_theme-toggle{border-color:var(--color-state-hover-primary-border)}@media (prefers-color-scheme:light){}@media (prefers-color-scheme:dark){}@media (prefers-color-scheme:light){}@media (prefers-color-scheme:dark){}::-webkit-calendar-picker-indicator{filter:invert(50%)}@media (max-width:767px){}@media (max-width:767px){}.rounded-1{border-radius:6px!important}
/*# sourceMappingURL=behaviors-f165e4ac57f2a88f53e2d77bc4c1b5b5.css.map */
/*** uncss> filename: https://github.githubassets.com/assets/github-b520f569f058537c08c17c980c693d5c.css ***/.plan-notice{padding:10px;margin-bottom:0;border-top:1px solid var(--color-border-secondary)}.plan-choice{position:relative;display:block;padding:16px 16px 16px 40px;font-weight:400;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary)}.plan-choice.open,.plan-choice.selected{background-color:var(--color-bg-primary)}.plan-choice--experiment{cursor:pointer;transition:transform .3s,box-shadow .3s,border-color .3s}.plan-choice--experiment.open,.plan-choice--experiment.selected{border-color:var(--color-border-tertiary);box-shadow:var(--color-shadow-large);transform:scale(1.025)}.plan-choice--experiment.open .plan-choice-icon,.plan-choice--experiment.selected .plan-choice-icon{background-color:var(--color-bg-success-inverse);box-shadow:var(--color-shadow-small)}.plan-choice--experiment.open .plan-choice-icon .octicon,.plan-choice--experiment.selected .plan-choice-icon .octicon{transform:scale(1)}.plan-choice--experiment.plan-choice--green.open,.plan-choice--experiment.plan-choice--green.selected{border-color:var(--color-border-success)}.plan-choice--experiment.plan-choice--green.open .plan-choice-icon,.plan-choice--experiment.plan-choice--green.selected .plan-choice-icon{background-color:var(--color-bg-success-inverse)}.plan-choice--experiment.plan-choice--purple.open,.plan-choice--experiment.plan-choice--purple.selected{border-color:var(--color-auto-purple-4)}.plan-choice--experiment.plan-choice--purple.open .plan-choice-icon,.plan-choice--experiment.plan-choice--purple.selected .plan-choice-icon{background-color:var(--color-auto-purple-5)}.plan-choice-icon{transition:box-shadow .3s}.plan-choice-icon .octicon{transition:transform .2s;transform:scale(.5)}.plan-choice-radio{position:absolute;top:18px;left:15px}.plan-choice-exp{margin-top:5px;font-size:12px;color:var(--color-auto-gray-5)}@media print{p{page-break-inside:avoid}.markdown-body h2{page-break-after:avoid}.blob-num{border-right:2px solid var(--color-border-primary)}.markdown-body pre>code{white-space:pre-wrap}}:focus+.radio-label-theme-discs{border-color:var(--color-state-focus-border);outline:none;box-shadow:var(--color-state-focus-shadow)}:checked+.radio-label-theme-discs{border-color:var(--color-state-selected-primary-border)}:checked+.radio-label-theme-discs{padding:8px}@media (min-width:544px){.plan-toggle-mobile{max-width:320px}}@media (min-width:544px){.plan-toggle-mobile .plan-toggle-modal{width:320px}}.plan-category-tab{max-width:auto}.plan-category-tab[aria-selected=true]{color:var(--color-text-white);background-color:var(--color-bg-info-inverse)!important}.plan-category-tab[aria-selected=true] .tab-title{color:var(--color-text-white)!important}@media (min-width:544px){.plan-category-tab{max-width:320px}}.plan-selection-previous-icon{transform:rotate(90deg)}@media (min-width:768px){.plan-selection-previous-icon{transform:rotate(0deg)}}.tab-size[data-tab-size="1"]{-moz-tab-size:1;tab-size:1}.tab-size[data-tab-size="2"]{-moz-tab-size:2;tab-size:2}.tab-size[data-tab-size="3"]{-moz-tab-size:3;tab-size:3}.tab-size[data-tab-size="4"]{-moz-tab-size:4;tab-size:4}.tab-size[data-tab-size="5"]{-moz-tab-size:5;tab-size:5}.tab-size[data-tab-size="6"]{-moz-tab-size:6;tab-size:6}.tab-size[data-tab-size="7"]{-moz-tab-size:7;tab-size:7}.tab-size[data-tab-size="8"]{-moz-tab-size:8;tab-size:8}.tab-size[data-tab-size="9"]{-moz-tab-size:9;tab-size:9}.tab-size[data-tab-size="10"]{-moz-tab-size:10;tab-size:10}.tab-size[data-tab-size="11"]{-moz-tab-size:11;tab-size:11}.tab-size[data-tab-size="12"]{-moz-tab-size:12;tab-size:12}
/*# sourceMappingURL=github-1abb8e666763fc2c8a5cf1c989620c9a.css.map */
/*** uncss> filename: https://github.githubassets.com/assets/home-58f3a695177bf0f619390dee78df54d6.css ***/
@charset "UTF-8"
/*# sourceMappingURL=home-1801892190469f74dd799eb01fc4fba3.css.map */

Quick Fix

When I put a semi-colon after the last @charset "UTF-8" it works

Solution

I'm not sure exactly the best way to catch this.

Test fails with `Error: undefined:1:326905: missing '}'`

Information

OS: Windows 11, using Command Prompt on Windows Terminal
Node: v18.17.0
npm: 9.8.1

Steps to Reproduce

1. Clone the repository at v6.1.0: git clone -b v6.1.0 https://github.com/sindresorhus/generate-github-markdown-css
2. Install dependencies: npm i
3. Run tests npm test

Error

When I do the steps above, the following error is thrown.

C:\Users\Shaun\Desktop\temp\a\generate-github-markdown-css>npm test

> generate-github-markdown-css@6.1.0 test
> xo && node test.js

C:\Users\Shaun\Desktop\temp\a\generate-github-markdown-css\node_modules\css\lib\parse\index.js:62
    var err = new Error(options.source + ':' + lineno + ':' + column + ': ' + msg);
              ^

Error: undefined:1:326905: missing '}'
    at error (C:\Users\Shaun\Desktop\temp\a\generate-github-markdown-css\node_modules\css\lib\parse\index.js:62:15)
    at declarations (C:\Users\Shaun\Desktop\temp\a\generate-github-markdown-css\node_modules\css\lib\parse\index.js:260:26)
    at rule (C:\Users\Shaun\Desktop\temp\a\generate-github-markdown-css\node_modules\css\lib\parse\index.js:561:21)
    at rules (C:\Users\Shaun\Desktop\temp\a\generate-github-markdown-css\node_modules\css\lib\parse\index.js:118:70)
    at stylesheet (C:\Users\Shaun\Desktop\temp\a\generate-github-markdown-css\node_modules\css\lib\parse\index.js:81:21)
    at module.exports [as parse] (C:\Users\Shaun\Desktop\temp\a\generate-github-markdown-css\node_modules\css\lib\parse\index.js:565:20)
    at getCSS (file:///C:/Users/Shaun/Desktop/temp/a/generate-github-markdown-css/index.js:359:19)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async file:///C:/Users/Shaun/Desktop/temp/a/generate-github-markdown-css/test.js:7:35 {
  reason: "missing '}'",
  filename: undefined,
  line: 1,
  column: 326905,
  source: '.blankslate{--blankslate-outer-padding-block:var(--base-size-20,1.25rem);--blankslate-outer-padding-inline:var(--base-size-20,1.25rem)}.blankslate-spacious{--blankslate-outer-padding-block:var(--base-size-44,2.75rem);--blankslate-outer-padding-inline:var(--base-size-28,1.75rem)}.blankslate-icon{margin-bottom:var(--stack-gap-condensed, 0.5rem)}.blankslate-heading{font-size:var(--text-title-size-small, 1rem)}.blankslate p{font-size:var(--text-body-size-medium, 0.875rem)}.blankslate-action{margin-top:var(--stack-gap-condensed, 0.5rem)}.blankslate-action:first-of-type{margin-top:var(--stack-gap-normal, 1rem)}.blankslate-action:last-of-type{margin-bottom:calc(var(--stack-gap-condensed, 0.5rem)/2)}}anchored-position[popover]{border-width:0;min-width:192px;overflow:visible;padding:0;position:absolute}anchored-position:not(.Overlay){background:none}.Overlay[popover]:not(:popover-open){display:none}anchored-position.not-anchored::backdrop{background-color:var(--overlay-backdrop-bgColor, var(--color-neutral-muted))}.breadcrumb-item{display:inline-block;list-style:none;margin-left:-0.35em;white-space:nowrap}.breadcrumb-item:after{border-right:.1em solid var(--borderColor-neutral-emphasis, var(--color-fg-subtle));content:"";display:inline-block;height:.8em;margin:0 .5em;transform:rotate(15deg)}.breadcrumb-item:first-child{margin-left:0}.breadcrumb-item-selected:after,.breadcrumb-item[aria-current]:not([aria-current=false]):after{content:none}.breadcrumb-item-selected a{color:var(--fgColor-default, var(--color-fg-default))}:root{--duration-fast:80ms;--easing-easeInOut:cubic-bezier(0.65,0,0.35,1)}.Button{align-items:center;background-color:initial;border:var(--borderWidth-thin, max(1px, 0.0625rem)) solid;border-color:#0000;border-radius:var(--borderRadius-medium, 0.375rem);color:var(--button-default-fgColor-rest, var(--color-btn-text));cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--text-body-size-medium, 0.875rem);font-weight:var(--base-text-weight-medium, 500);gap:var(--base-size-4, 0.25rem);height:var(--control-medium-size, 2rem);justify-content:space-between;min-width:max-content;padding:0 var(--control-medium-paddingInline-normal, 0.75rem);position:relative;text-align:center;transition:var(--duration-fast) var(--easing-easeInOut);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}@media(pointer: coarse){.Button:before{content:"";height:100%;left:50%;min-height:48px;min-width:48px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}.Button:hover{transition-duration:var(--duration-fast)}.Button:active{transition:none}.Button:disabled,.Button[aria-disabled=true]{box-shadow:none;cursor:not-allowed}a.Button:hover,summary.Button:hover{-webkit-text-decoration:none;text-decoration:none}.Button-content{align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0, auto) min-content;place-content:center}.Button-content>:not(:last-child){margin-right:var(--control-medium-gap, 0.5rem)}.Button-content--alignStart{justify-content:start}.Button-visual{display:flex;pointer-events:none}.Button-visual .Counter{background-color:var(--buttonCounter-default-bgColor-rest, var(--color-btn-counter-bg));color:inherit}.Button-label{grid-area:text;line-height:var(--text-body-lineHeight-medium, 1.4285);white-space:nowrap}.Button-leadingVisual{grid-area:leadingVisual}.Button-leadingVisual svg{fill:currentcolor}.Button-trailingVisual{grid-area:trailingVisual}.Button-trailingAction{margin-right:calc(var(--base-size-4, 0.25rem)*-1)}.Button--small{font-size:var(--text-body-size-small, 0.75rem);gap:var(--control-small-gap, 0.25rem);height:var(--control-small-size, 1.75rem);padding:0 var(--control-small-paddingInline-condensed, 0.5rem)}.Button--small .Button-label{line-height:var(--text-body-lineHeight-small, 1.6666)}.Button--small .Button-content>:not(:last-child){margin-right:var(--control-small-gap, 0.25rem)}.Button--large{gap:var(--control-large-gap, 0.5rem);height:var(--control-large-size, 2.5rem);padding:0 var(--control-large-paddingInline-spacious, 1rem)}.Button--large .Button-label{line-height:var(--text-body-lineHeight-large, 1.5)}.Button--large .Button-content>:not(:last-child){margin-right:var(--control-large-gap, 0.5rem)}.Button--fullWidth{width:100%}.Button--primary{fill:var(--button-primary-iconColor-rest, var(--color-btn-primary-icon));background-color:var(--button-primary-bgColor-rest, var(--color-btn-primary-bg));border-color:var(--button-primary-borderColor-rest, var(--color-btn-primary-border));box-shadow:var(--shadow-resting-small, var(--color-btn-primary-shadow));color:var(--button-primary-fgColor-rest, var(--color-btn-primary-text))}.Button--primary:hover:not(:disabled,.Button--inactive){background-color:var(--button-primary-bgColor-hover, var(--color-btn-primary-hover-bg));border-color:var(--button-primary-borderColor-hover, var(--color-btn-primary-hover-border))}.Button--primary:focus{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));outline:2px solid var(--focus-outlineColor, var(--color-accent-fg));outline-offset:-2px}.Button--primary:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.Button--primary:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));outline:2px solid var(--focus-outlineColor, var(--color-accent-fg));outline-offset:-2px}.Button--primary:active:not(:disabled),.Button--primary[aria-pressed=true]{background-color:var(--button-primary-bgColor-active, var(--color-btn-primary-selected-bg));box-shadow:var(--button-primary-shadow-selected, var(--color-btn-primary-selected-shadow))}.Button--primary:disabled,.Button--primary[aria-disabled=true]{fill:var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text));background-color:var(--button-primary-bgColor-disabled, var(--color-btn-primary-disabled-bg));border-color:var(--button-primary-borderColor-disabled, var(--color-btn-primary-disabled-border));color:var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text))}.Button--primary .Counter{background-color:var(--buttonCounter-primary-bgColor-rest, var(--color-btn-primary-counter-bg));color:inherit}.Button--secondary{fill:var(--fgColor-muted, var(--color-fg-muted));background-color:var(--button-default-bgColor-rest, var(--color-btn-bg));border-color:var(--button-default-borderColor-rest, var(--color-btn-border));box-shadow:var(--button-default-shadow-resting, var(--color-btn-shadow)),var(--button-default-shadow-inset, var(--color-btn-inset-shadow));color:var(--button-default-fgColor-rest, var(--color-btn-text))}.Button--secondary:hover:not(:disabled,.Button--inactive){background-color:var(--button-default-bgColor-hover, var(--color-btn-hover-bg));border-color:var(--button-default-borderColor-hover, var(--color-btn-hover-border))}.Button--secondary:active:not(:disabled){background-color:var(--button-default-bgColor-active, var(--color-btn-active-bg));border-color:var(--button-default-borderColor-active, var(--color-btn-active-border))}.Button--secondary[aria-pressed=true]{background-color:var(--button-default-bgColor-selected, var(--color-btn-selected-bg));box-shadow:var(--shadow-inset, var(--color-primer-shadow-inset))}.Button--secondary:disabled,.Button--secondary[aria-disabled=true]{fill:var(--control-fgColor-disabled, var(--color-primer-fg-disabled));background-color:var(--button-default-bgColor-disabled, var(--color-btn-bg));border-color:var(--button-default-borderColor-disabled, var(--color-btn-border));color:var(--control-fgColor-disabled, var(--color-primer-fg-disabled))}.Button--invisible{color:var(--button-default-fgColor-rest, var(--color-btn-text))}.Button--invisible.Button--iconOnly{color:var(--button-invisible-iconColor-rest, var(--color-fg-muted))}.Button--invisible:hover:not(:disabled,.Button--inactive){background-color:var(--button-invisible-bgColor-hover, var(--color-action-list-item-default-hover-bg))}.Button--invisible:hover:not(:disabled,.Button--inactive) .Button-visual{color:var(--button-invisible-iconColor-hover, var(--color-fg-default))}.Button--invisible:active:not(:disabled),.Button--invisible[aria-pressed=true]{background-color:var(--button-invisible-bgColor-active, var(--color-action-list-item-default-active-bg))}.Button--invisible:disabled,.Button--invisible[aria-disabled=true]{fill:var(--button-invisible-fgColor-disabled, var(--color-primer-fg-disabled));background-color:var(--button-invisible-bgColor-disabled, var(--color-action-list-item-default-selected-bg));border-color:var(--button-invisible-borderColor-disabled, var(--color-action-list-item-default-selected-bg));color:var(--button-invisible-fgColor-disabled, var(--color-primer-fg-disabled))}.Button--invisible.Button--invisible-noVisuals .Button-label{color:var(--button-invisible-fgColor-rest, var(--color-btn-outline-text))}.Button--invisible .Button-visual{color:var(--button-invisible-iconColor-rest, var(--color-fg-muted))}.Button--invisible .Button-visual .Counter{color:var(--fgColor-default, var(--color-fg-default))}.Button--link{fill:var(--fgColor-link, var(--color-accent-fg));border:none;color:var(--fgColor-link, var(--color-accent-fg));display:inline-block;font-size:inherit;height:unset;padding:0}.Button--link:hover:not(:disabled,.Button--inactive){-webkit-text-decoration:underline;text-decoration:underline}.Button--link:focus,.Button--link:focus-visible{outline-offset:2px}.Button--link:disabled,.Button--link[aria-disabled=true]{fill:var(--control-fgColor-disabled, var(--color-primer-fg-disabled));background-color:initial;border-color:#0000;color:var(--control-fgColor-disabled, var(--color-primer-fg-disabled))}.Button--danger{fill:var(--button-danger-iconColor-rest, var(--color-btn-danger-icon));background-color:var(--button-danger-bgColor-rest, var(--color-btn-bg));border-color:var(--button-danger-borderColor-rest, var(-'... 22935 more characters
}

Node.js v18.17.0

Code

Above is just when I run the test for generate-github-markdown-css.

import getCSS from 'generate-github-markdown-css';
getCSS({ light: 'light', dark: 'dark' });

If I use the package in my own code by running the code above with npx ts-node-esm cli.ts, the same error is thrown.

Background is forced to white|black

Background (--color-canvas-default) is forced to black and white.

To use on editors, like Visual Studio Code, not all themes are black|white.

I know I can publish my own style, but it would be nice to have an extra CSS file published with transparent background in the official CDN. Like:

/* github-markdown-with-transparent-background.css */

:root {
  --color-canvas-default: #00000000;
}

.markdown-body {
  background-color: var(--color-canvas-default);
}

@media (prefers-color-scheme: dark) {
  .markdown-body {
    --color-canvas-default: #00000000;
  }
}

@media (prefers-color-scheme: light) {
  .markdown-body {
    --color-canvas-default: #ffffff00;
  }
}

So we can import it at the end, like:

`generate-github-markdown-css` currently crashes

import generateGithubMarkdownCss from 'generate-github-markdown-css'

const result = await generateGithubMarkdownCss()

console.log(result)

/Users/tilde/Projects/oss/starry-night/node_modules/css/lib/parse/index.js:62
    var err = new Error(options.source + ':' + lineno + ':' + column + ': ' + msg);
              ^

Error: undefined:1:2672: missing '}'
    at error (/Users/tilde/Projects/oss/starry-night/node_modules/css/lib/parse/index.js:62:15)
    at declarations (/Users/tilde/Projects/oss/starry-night/node_modules/css/lib/parse/index.js:260:26)
    at rule (/Users/tilde/Projects/oss/starry-night/node_modules/css/lib/parse/index.js:561:21)
    at rules (/Users/tilde/Projects/oss/starry-night/node_modules/css/lib/parse/index.js:118:70)
    at stylesheet (/Users/tilde/Projects/oss/starry-night/node_modules/css/lib/parse/index.js:81:21)
    at module.exports [as parse] (/Users/tilde/Projects/oss/starry-night/node_modules/css/lib/parse/index.js:565:20)
    at getCSS (file:///Users/tilde/Projects/oss/starry-night/node_modules/generate-github-markdown-css/index.js:287:19)
    at async file:///Users/tilde/Projects/oss/starry-night/example.js:3:16 {
  reason: "missing '}'",
  filename: undefined,
  line: 1,
  column: 2672,
  source: '.Button-label{line-height:1.66667;line-height:var(--primer-text-body-lineHeight-small,1.66667)}.Button-content>:not(:last-child){margin-right:4px;margin-right:var(--primer-control-small-gap,4px)}}.Button--large{gap:8px;gap:var(--pr...

Maybe GH is currently shipping broken CSS? Or using some fancy new CSS feature that css doesn’t understand yet?

$ npm ls css
@wooorm/[email protected] /Users/tilde/Projects/oss/starry-night
├── [email protected]
└─┬ [email protected]
  └── [email protected] deduped