Update Stylelint to v14, extend SCSS plugins, remove primer-* configs, resolve issues (#821)

This is a catch-all PR that modernizes and updates our Stylelint config, and resolves all open issues. This is a pretty big change - so I want to update all of our related dependencies in lockstep.

In particular, this PR

- [x] updates stylelint to `v14`
- [x] adds in the standard stylelint config for SCSS (`stylelint-config-standard-scss`)
- [x] swaps out `stylelint-config-prettier` for `stylelint-config-prettier-scss`
- [x] ~~properly update `@primer`-related plugins:~~ completely remove `primer` from our configuration
- [x] autofix, manually resolve, or disable all newly-introduced lint errors; **I've avoided manually resolving errors that would be a behavioural change**
- [x] re-runs `npm run format`

See the "next steps" section on some extra thoughts on disabling errors.

(implicitly, I'm also using node 16/the new package-lock format).

### disabling rules and next steps

I've introduced several new disabled rules. Let me quickly explain what's going on; there are two categories of rules I've disabled:

1. rules that were temporary disables; they were frequent enough that I couldn't manually resolve them, but should be simple. **I plan on opening issues to re-enable each of these rules**, just after this PR
    - `declaration-block-no-redundant-longhand-properties`: this is just tedious and error-prone
    - `no-descending-specificity`: this one is tricky since it could have impacts on the cascade (though that seems unlikely)
    - `scss/no-global-function-names`: I think we need to [import map and then use `map.get`](https://stackoverflow.com/questions/64210390/sass-map-get-doesnt-work-map-get-does-what-gives), but I'll leave this as out of scope for now
2. rules that are long-term disables; due to the SASS-based nature of our theme, I think we'll keep these in limbo
    - `alpha-value-notation` causes problems with SASS using the `modern` syntax - literals like `50%` are not properly interpolated, and they cause formatting issues on the site
    - `color-function-notation` also causes problems with SASS, but in this case the `modern` syntax breaks SASS compilation; we're not alone (see this [SO post](https://stackoverflow.com/questions/71805735/error-function-rgb-is-missing-argument-green-in-sass)). 

In addition, we have many inline `stylelint-disable` comments. I'd open a separate issue to audit them, especially since I think some disables are unnecessary.

### on Primer 

**note: there hasn't been much other discussion, so I'm going to remove primer's stylelint config.**

If I do add `@primer/stylelint-config`, I get *a ton* of errors about now using `@primer`'s in-built SCSS variables. I imagine that we probably won't want to use these presets (though I could be wrong). In that case, I think we could either:

1. disable all of those rules
4. not use `@primer/stylelint-config`, since we're not actually using primer, and shift back to the standard SCSS config provided by Stylelint

~~Any thoughts here? I also don't have the original context as to why we do use the primer rules, perhaps @pmarsceill can chime in?~~
This commit is contained in:
Matt Wang 2022-07-25 09:18:13 -07:00 committed by GitHub
parent a6f0452115
commit c2ec3d89c2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
31 changed files with 3507 additions and 6016 deletions

View File

@ -1,37 +1,35 @@
// For format details, see https://aka.ms/devcontainer.json. For config options, see the README at:
// https://github.com/microsoft/vscode-dev-containers/tree/v0.224.2/containers/jekyll
{
"name": "Just the docs",
"build": {
"dockerfile": "Dockerfile",
"args": {
// Update 'VARIANT' to pick a Debian OS version: bullseye, buster
// Use bullseye when on local arm64/Apple Silicon.
"VARIANT": "bullseye",
// Enable Node.js: pick the latest LTS version
"NODE_VERSION": "lts/*"
}
},
"name": "Just the docs",
"build": {
"dockerfile": "Dockerfile",
"args": {
// Update 'VARIANT' to pick a Debian OS version: bullseye, buster
// Use bullseye when on local arm64/Apple Silicon.
"VARIANT": "bullseye",
// Enable Node.js: pick the latest LTS version
"NODE_VERSION": "lts/*"
}
},
// Set *default* container specific settings.json values on container create.
"settings": {},
// Set *default* container specific settings.json values on container create.
"settings": {},
// Add the IDs of extensions you want installed when the container is created.
"extensions": [
"GitHub.vscode-pull-request-github"
],
// Add the IDs of extensions you want installed when the container is created.
"extensions": ["GitHub.vscode-pull-request-github"],
// Use 'forwardPorts' to make a list of ports inside the container available locally.
"forwardPorts": [
// Jekyll server
4000,
// Live reload server
35729
],
// Use 'forwardPorts' to make a list of ports inside the container available locally.
"forwardPorts": [
// Jekyll server
4000,
// Live reload server
35729
],
// Use 'postCreateCommand' to run commands after the container is created.
"postCreateCommand": "sh .devcontainer/post-create.sh",
// Use 'postCreateCommand' to run commands after the container is created.
"postCreateCommand": "sh .devcontainer/post-create.sh",
// Comment out to connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
"remoteUser": "vscode"
// Comment out to connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
"remoteUser": "vscode"
}

View File

@ -5,9 +5,17 @@
"assets/css/just-the-docs-dark.scss",
"_sass/vendor/**/*.scss"
],
"extends": ["stylelint-config-primer", "stylelint-config-prettier"],
"extends": [
"stylelint-config-standard-scss",
"stylelint-config-prettier-scss"
],
"plugins": ["stylelint-prettier"],
"rules": {
"prettier/prettier": true
"prettier/prettier": true,
"alpha-value-notation": null,
"color-function-notation": null,
"declaration-block-no-redundant-longhand-properties": null,
"no-descending-specificity": null,
"scss/no-global-function-names": null
}
}

50
.vscode/tasks.json vendored
View File

@ -1,26 +1,26 @@
{
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"label": "Serve",
"type": "shell",
"command": "bundle exec jekyll serve --livereload",
"group": {
"kind": "test",
"isDefault": true
},
"isBackground": true,
},
{
"label": "Build",
"type": "shell",
"command": "bundle exec jekyll build",
"group": {
"kind": "build",
"isDefault": true
},
}
]
}
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
"version": "2.0.0",
"tasks": [
{
"label": "Serve",
"type": "shell",
"command": "bundle exec jekyll serve --livereload",
"group": {
"kind": "test",
"isDefault": true
},
"isBackground": true
},
{
"label": "Build",
"type": "shell",
"command": "bundle exec jekyll build",
"group": {
"kind": "build",
"isDefault": true
}
}
]
}

View File

@ -1,6 +1,4 @@
//
// Base element style overrides
//
// stylelint-disable selector-no-type, selector-max-type, selector-max-specificity, selector-max-id
* {
@ -14,6 +12,7 @@
html {
@include fs-4;
scroll-behavior: smooth;
}

View File

@ -1,6 +1,4 @@
//
// Buttons and things that look like buttons
//
// stylelint-disable color-named
.btn {

View File

@ -1,7 +1,5 @@
//
// Code and syntax highlighting
//
// stylelint-disable selector-no-qualifying-type, declaration-block-semicolon-newline-after,declaration-block-single-line-max-declarations, selector-no-type, selector-max-type
// stylelint-disable selector-no-qualifying-type, declaration-block-semicolon-newline-after,declaration-block-single-line-max-declarations, selector-no-type, selector-max-type, scss/comment-no-empty
// {% raw %}
@ -100,6 +98,7 @@ figure.highlight {
td,
pre {
@include fs-2;
min-width: 0;
padding: 0;
background-color: $code-background-color;

View File

@ -1,28 +1,24 @@
$body-background-color: $grey-dk-300;
$sidebar-color: $grey-dk-300;
$border-color: $grey-dk-200;
$body-text-color: $grey-lt-300;
$body-heading-color: $grey-lt-000;
$nav-child-link-color: $grey-dk-000;
$search-result-preview-color: $grey-dk-000;
$link-color: $blue-000;
$btn-primary-color: $blue-200;
$base-button-color: $grey-dk-250;
$search-background-color: $grey-dk-250;
$table-background-color: $grey-dk-250;
$feedback-color: darken($sidebar-color, 3%);
//
// The following highlight theme is more legible than that used for the light color scheme
//
// @import "./vendor/OneDarkJekyll/syntax-one-dark";
// $code-background-color: #282c34;
@import "./vendor/OneDarkJekyll/syntax-one-dark-vivid";
$code-background-color: #31343f;
// @import "./vendor/OneDarkJekyll/syntax-firewatch";

View File

@ -1,8 +1,6 @@
@charset "UTF-8";
//
// Styles for rendered markdown in the .main-content container
//
// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type, selector-max-specificity, selector-max-id
.main-content {
@ -91,6 +89,7 @@
.task-list-item-checkbox {
margin-right: 0.6em;
margin-left: -1.4em;
// The same margin-left is used above for ul > li::before
}
@ -116,6 +115,7 @@
grid-column: 1;
font-weight: 500;
text-align: right;
&::after {
content: ":";
}
@ -125,6 +125,7 @@
grid-column: 2;
margin-bottom: 0;
margin-left: 1em;
blockquote,
div,
dl,

View File

@ -1,6 +1,4 @@
//
// Labels (not the form kind)
//
.label,
.label-blue {
@ -16,6 +14,7 @@
vertical-align: middle;
background-color: $blue-100;
@include fs-2;
border-radius: 12px;
}

View File

@ -1,6 +1,4 @@
//
// The basic two column layout
//
.side-bar {
z-index: 0;
@ -40,6 +38,7 @@
.main-content-wrap {
@include container;
padding-top: $gutter-spacing-sm;
padding-bottom: $gutter-spacing-sm;
@ -111,6 +110,7 @@
.site-title {
@include container;
flex-grow: 1;
display: flex;
height: 100%;
@ -184,6 +184,7 @@ body {
.site-footer {
@include container;
position: absolute;
bottom: 0;
left: 0;

View File

@ -1,11 +1,7 @@
//
// Import external dependencies
//
@import "./vendor/normalize.scss/normalize.scss";
@import "./vendor/normalize.scss/normalize";
//
// Modules
//
@import "./base";
@import "./layout";
@import "./content";

View File

@ -1,6 +1,4 @@
//
// Main nav, breadcrumb, etc...
//
// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type, selector-max-specificity
.nav-list {
@ -11,6 +9,7 @@
.nav-list-item {
@include fs-4;
position: relative;
margin: 0;
@ -71,6 +70,7 @@
@if $nav-list-expander-right {
right: 0;
}
width: $nav-list-item-height-sm;
height: $nav-list-item-height-sm;
padding-top: #{$nav-list-item-height-sm / 4};

View File

@ -1,4 +1,4 @@
// stylelint-disable selector-max-specificity, selector-max-id, selector-max-type, selector-no-qualifying-type, primer/no-override,
// stylelint-disable selector-max-specificity, selector-max-id, selector-max-type, selector-no-qualifying-type
@media print {
.site-footer,

View File

@ -1,6 +1,4 @@
//
// Search input and autocomplete
//
.search {
position: relative;

View File

@ -1,9 +1,9 @@
@function rem($size, $unit: "") {
$remSize: $size / $root-font-size;
$rem-size: $size / $root-font-size;
@if ($unit == false) {
@return #{$remSize};
@if $unit == false {
@return #{$rem-size};
} @else {
@return #{$remSize}rem;
@return #{$rem-size}rem;
}
}

View File

@ -1,82 +1,67 @@
//
// Typography
//
$body-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif !default;
$mono-font-family: "SFMono-Regular", Menlo, Consolas, Monospace !default;
$body-font-family: system-ui, -apple-system, blinkmacsystemfont, "Segoe UI",
roboto, "Helvetica Neue", arial, sans-serif !default;
$mono-font-family: "SFMono-Regular", menlo, consolas, monospace !default;
$root-font-size: 16px !default; // Base font-size for rems
$body-line-height: 1.4 !default;
$content-line-height: 1.6 !default;
$body-heading-line-height: 1.25 !default;
//
// Font size
// `-sm` suffix is the size at the small (and above) media query
//
$font-size-1: 9px !default;
$font-size-1-sm: 10px !default;
$font-size-2: 11px !default; //h4 - uppercased!, h6 not uppercased, text-small
$font-size-3: 12px !default; //h5
$font-size-2: 11px !default; // h4 - uppercased!, h6 not uppercased, text-small
$font-size-3: 12px !default; // h5
$font-size-4: 14px !default;
$font-size-5: 16px !default; //h3
$font-size-6: 18px !default; //h2
$font-size-5: 16px !default; // h3
$font-size-6: 18px !default; // h2
$font-size-7: 24px !default;
$font-size-8: 32px !default; //h1
$font-size-8: 32px !default; // h1
$font-size-9: 36px !default;
$font-size-10: 42px !default;
$font-size-10-sm: 48px !default;
//
// Colors
//
$white: #fff !default;
$grey-dk-000: #959396 !default;
$grey-dk-100: #5c5962 !default;
$grey-dk-200: #44434d !default;
$grey-dk-250: #302d36 !default;
$grey-dk-300: #27262b !default;
$grey-lt-000: #f5f6fa !default;
$grey-lt-100: #eeebee !default;
$grey-lt-200: #ecebed !default;
$grey-lt-300: #e6e1e8 !default;
$purple-000: #7253ed !default;
$purple-100: #5e41d0 !default;
$purple-200: #4e26af !default;
$purple-300: #381885 !default;
$blue-000: #2c84fa !default;
$blue-100: #2869e6 !default;
$blue-200: #264caf !default;
$blue-300: #183385 !default;
$green-000: #41d693 !default;
$green-100: #11b584 !default;
$green-200: #009c7b !default;
$green-300: #026e57 !default;
$yellow-000: #ffeb82 !default;
$yellow-100: #fadf50 !default;
$yellow-200: #f7d12e !default;
$yellow-300: #e7af06 !default;
$red-000: #f77e7e !default;
$red-100: #f96e65 !default;
$red-200: #e94c4c !default;
$red-300: #dd2e2e !default;
$body-background-color: $white !default;
$sidebar-color: $grey-lt-000 !default;
$search-background-color: $white !default;
$table-background-color: $white !default;
$code-background-color: $grey-lt-000 !default;
$feedback-color: darken($sidebar-color, 3%) !default;
$body-text-color: $grey-dk-100 !default;
$body-heading-color: $grey-dk-300 !default;
$search-result-preview-color: $grey-dk-000 !default;
@ -85,9 +70,7 @@ $link-color: $purple-000 !default;
$btn-primary-color: $purple-100 !default;
$base-button-color: #f7f7f7 !default;
//
// Spacing
//
$spacing-unit: 1rem; // 1rem == 16px
@ -104,7 +87,6 @@ $spacers: (
sp-9: $spacing-unit * 3.5,
sp-10: $spacing-unit * 4,
) !default;
$sp-1: map-get($spacers, sp-1) !default; // 0.25 rem == 4px
$sp-2: map-get($spacers, sp-2) !default; // 0.5 rem == 8px
$sp-3: map-get($spacers, sp-3) !default; // 0.75 rem == 12px
@ -116,17 +98,13 @@ $sp-8: map-get($spacers, sp-8) !default; // 3 rem == 48px
$sp-9: map-get($spacers, sp-9) !default; // 3.5 rem == 56px
$sp-10: map-get($spacers, sp-10) !default; // 4 rem == 64px
//
// Borders
//
$border: 1px solid !default;
$border-radius: 4px !default;
$border-color: $grey-lt-100 !default;
//
// Grid system
//
$gutter-spacing: $sp-6 !default;
$gutter-spacing-sm: $sp-4 !default;
@ -140,9 +118,7 @@ $header-height: 60px !default;
$search-results-width: $content-width - $nav-width !default;
$transition-duration: 400ms;
//
// Media queries in pixels
//
$media-queries: (
xs: 320px,

View File

@ -10,7 +10,7 @@
$value: map-get($media-queries, $name);
// If the key exists in the map
@if $value != null {
@if $value {
// Prints a media query based on the value
@media (min-width: rem($value)) {
@content;

View File

@ -1,6 +1,4 @@
//
// Tables
//
// stylelint-disable max-nesting-depth, selector-no-type, selector-max-type
.table-wrapper {
@ -22,6 +20,7 @@ table {
th,
td {
@include fs-3;
min-width: 120px;
padding-top: $sp-2;
padding-right: $sp-3;

View File

@ -1,11 +1,11 @@
//
// Typography
//
// stylelint-disable primer/selector-no-utility, primer/no-override, selector-no-type, selector-max-type, selector-max-specificity, selector-max-id
// stylelint-disable selector-no-type, selector-max-type, selector-max-specificity, selector-max-id
h1,
.text-alpha {
@include fs-8;
font-weight: 300;
}
@ -23,6 +23,7 @@ h3,
h4,
.text-delta {
@include fs-2;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.1em;

View File

@ -1,6 +1,4 @@
//
// Utility classes for colors
//
// Text colors

View File

@ -1,22 +1,23 @@
// stylelint-disable primer/selector-no-utility, primer/no-override
//
// Utility classes for layout
//
// Display
.d-block {
display: block !important;
}
.d-flex {
display: flex !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-none {
display: none !important;
}
@ -78,18 +79,23 @@
.v-align-baseline {
vertical-align: baseline !important;
}
.v-align-bottom {
vertical-align: bottom !important;
}
.v-align-middle {
vertical-align: middle !important;
}
.v-align-text-bottom {
vertical-align: text-bottom !important;
}
.v-align-text-top {
vertical-align: text-top !important;
}
.v-align-top {
vertical-align: top !important;
}

View File

@ -1,8 +1,6 @@
//
// Utility classes for lists
//
// stylelint-disable primer/selector-no-utility, primer/no-override, selector-max-type
// stylelint-disable selector-max-type
.list-style-none {
padding: 0 !important;

View File

@ -1,9 +1,6 @@
//
// Utility classes for margins and padding
//
// scss-lint:disable SpaceAfterPropertyName
// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, primer/selector-no-utility, primer/no-override
// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before
// Margin spacer utilities

View File

@ -1,8 +1,4 @@
//
// Utility classes for typography
//
// stylelint-disable primer/selector-no-utility, primer/no-override
.fs-1 {
@include fs-1;
@ -87,5 +83,3 @@
.text-uppercase {
text-transform: uppercase !important;
}
// stylelint-enable primer/selector-no-utility

View File

@ -1,65 +1,200 @@
.highlight, pre.highlight{background:#282c34;color:#abb2bf}
.highlight pre{background:#282c34}
.highlight .hll{background:#282c34}
.highlight .c{color:#5c6370;font-style:italic}
.highlight .err{color:#960050;background-color:#1e0010}
.highlight .k{color:#5ba473}
.highlight .l{color:#c8ae9d}
.highlight .n{color:#abb2bf}
.highlight .o{color:#abb2bf}
.highlight .p{color:#abb2bf}
.highlight .cm{color:#5c6370;font-style:italic}
.highlight .cp{color:#5c6370;font-style:italic}
.highlight .c1{color:#5c6370;font-style:italic}
.highlight .cs{color:#5c6370;font-style:italic}
.highlight .ge{font-style:italic}
.highlight .gs{font-weight:700}
.highlight .kc{color:#5ba473}
.highlight .kd{color:#5ba473}
.highlight .kn{color:#5ba473}
.highlight .kp{color:#5ba473}
.highlight .kr{color:#5ba473}
.highlight .kt{color:#5ba473}
.highlight .ld{color:#c8ae9d}
.highlight .m{color:#d19a66}
.highlight .s{color:#c8ae9d}
.highlight .na{color:#d19a66}
.highlight .nb{color:#e5c07b}
.highlight .nc{color:#e5c07b}
.highlight .no{color:#e5c07b}
.highlight .nd{color:#e5c07b}
.highlight .ni{color:#e5c07b}
.highlight .ne{color:#e5c07b}
.highlight .nf{color:#abb2bf}
.highlight .nl{color:#e5c07b}
.highlight .nn{color:#abb2bf}
.highlight .nx{color:#abb2bf}
.highlight .py{color:#e5c07b}
.highlight .nt{color:#77b181}
.highlight .nv{color:#e5c07b}
.highlight .ow{font-weight:700}
.highlight .w{color:#f8f8f2}
.highlight .mf{color:#d19a66}
.highlight .mh{color:#d19a66}
.highlight .mi{color:#d19a66}
.highlight .mo{color:#d19a66}
.highlight .sb{color:#c8ae9d}
.highlight .sc{color:#c8ae9d}
.highlight .sd{color:#c8ae9d}
.highlight .s2{color:#c8ae9d}
.highlight .se{color:#c8ae9d}
.highlight .sh{color:#c8ae9d}
.highlight .si{color:#c8ae9d}
.highlight .sx{color:#c8ae9d}
.highlight .sr{color:#56b6c2}
.highlight .s1{color:#c8ae9d}
.highlight .ss{color:#56b6c2}
.highlight .bp{color:#e5c07b}
.highlight .vc{color:#e5c07b}
.highlight .vg{color:#e5c07b}
.highlight .vi{color:#77b181}
.highlight .il{color:#d19a66}
.highlight .gu{color:#75715e}
.highlight .gd{color:#f92672}
.highlight .gi{color:#a6e22e}
.highlight,
pre.highlight {
background: #282c34;
color: #abb2bf;
}
.highlight pre {
background: #282c34;
}
.highlight .hll {
background: #282c34;
}
.highlight .c {
color: #5c6370;
font-style: italic;
}
.highlight .err {
color: #960050;
background-color: #1e0010;
}
.highlight .k {
color: #5ba473;
}
.highlight .l {
color: #c8ae9d;
}
.highlight .n {
color: #abb2bf;
}
.highlight .o {
color: #abb2bf;
}
.highlight .p {
color: #abb2bf;
}
.highlight .cm {
color: #5c6370;
font-style: italic;
}
.highlight .cp {
color: #5c6370;
font-style: italic;
}
.highlight .c1 {
color: #5c6370;
font-style: italic;
}
.highlight .cs {
color: #5c6370;
font-style: italic;
}
.highlight .ge {
font-style: italic;
}
.highlight .gs {
font-weight: 700;
}
.highlight .kc {
color: #5ba473;
}
.highlight .kd {
color: #5ba473;
}
.highlight .kn {
color: #5ba473;
}
.highlight .kp {
color: #5ba473;
}
.highlight .kr {
color: #5ba473;
}
.highlight .kt {
color: #5ba473;
}
.highlight .ld {
color: #c8ae9d;
}
.highlight .m {
color: #d19a66;
}
.highlight .s {
color: #c8ae9d;
}
.highlight .na {
color: #d19a66;
}
.highlight .nb {
color: #e5c07b;
}
.highlight .nc {
color: #e5c07b;
}
.highlight .no {
color: #e5c07b;
}
.highlight .nd {
color: #e5c07b;
}
.highlight .ni {
color: #e5c07b;
}
.highlight .ne {
color: #e5c07b;
}
.highlight .nf {
color: #abb2bf;
}
.highlight .nl {
color: #e5c07b;
}
.highlight .nn {
color: #abb2bf;
}
.highlight .nx {
color: #abb2bf;
}
.highlight .py {
color: #e5c07b;
}
.highlight .nt {
color: #77b181;
}
.highlight .nv {
color: #e5c07b;
}
.highlight .ow {
font-weight: 700;
}
.highlight .w {
color: #f8f8f2;
}
.highlight .mf {
color: #d19a66;
}
.highlight .mh {
color: #d19a66;
}
.highlight .mi {
color: #d19a66;
}
.highlight .mo {
color: #d19a66;
}
.highlight .sb {
color: #c8ae9d;
}
.highlight .sc {
color: #c8ae9d;
}
.highlight .sd {
color: #c8ae9d;
}
.highlight .s2 {
color: #c8ae9d;
}
.highlight .se {
color: #c8ae9d;
}
.highlight .sh {
color: #c8ae9d;
}
.highlight .si {
color: #c8ae9d;
}
.highlight .sx {
color: #c8ae9d;
}
.highlight .sr {
color: #56b6c2;
}
.highlight .s1 {
color: #c8ae9d;
}
.highlight .ss {
color: #56b6c2;
}
.highlight .bp {
color: #e5c07b;
}
.highlight .vc {
color: #e5c07b;
}
.highlight .vg {
color: #e5c07b;
}
.highlight .vi {
color: #77b181;
}
.highlight .il {
color: #d19a66;
}
.highlight .gu {
color: #75715e;
}
.highlight .gd {
color: #f92672;
}
.highlight .gi {
color: #a6e22e;
}

View File

@ -1,65 +1,200 @@
.highlight, pre.highlight{background:#282c34;color:#abb2bf}
.highlight pre{background:#282c34}
.highlight .hll{background:#282c34}
.highlight .c{color:#5c6370;font-style:italic}
.highlight .err{color:#960050;background-color:#1e0010}
.highlight .k{color:#dd672c}
.highlight .l{color:#c8ae9d}
.highlight .n{color:#abb2bf}
.highlight .o{color:#abb2bf}
.highlight .p{color:#abb2bf}
.highlight .cm{color:#5c6370;font-style:italic}
.highlight .cp{color:#5c6370;font-style:italic}
.highlight .c1{color:#5c6370;font-style:italic}
.highlight .cs{color:#5c6370;font-style:italic}
.highlight .ge{font-style:italic}
.highlight .gs{font-weight:700}
.highlight .kc{color:#dd672c}
.highlight .kd{color:#dd672c}
.highlight .kn{color:#dd672c}
.highlight .kp{color:#dd672c}
.highlight .kr{color:#dd672c}
.highlight .kt{color:#dd672c}
.highlight .ld{color:#c8ae9d}
.highlight .m{color:#d19a66}
.highlight .s{color:#c8ae9d}
.highlight .na{color:#d19a66}
.highlight .nb{color:#e5c07b}
.highlight .nc{color:#e5c07b}
.highlight .no{color:#e5c07b}
.highlight .nd{color:#e5c07b}
.highlight .ni{color:#e5c07b}
.highlight .ne{color:#e5c07b}
.highlight .nf{color:#abb2bf}
.highlight .nl{color:#e5c07b}
.highlight .nn{color:#abb2bf}
.highlight .nx{color:#abb2bf}
.highlight .py{color:#e5c07b}
.highlight .nt{color:#e06c75}
.highlight .nv{color:#e5c07b}
.highlight .ow{font-weight:700}
.highlight .w{color:#f8f8f2}
.highlight .mf{color:#d19a66}
.highlight .mh{color:#d19a66}
.highlight .mi{color:#d19a66}
.highlight .mo{color:#d19a66}
.highlight .sb{color:#c8ae9d}
.highlight .sc{color:#c8ae9d}
.highlight .sd{color:#c8ae9d}
.highlight .s2{color:#c8ae9d}
.highlight .se{color:#c8ae9d}
.highlight .sh{color:#c8ae9d}
.highlight .si{color:#c8ae9d}
.highlight .sx{color:#c8ae9d}
.highlight .sr{color:#56b6c2}
.highlight .s1{color:#c8ae9d}
.highlight .ss{color:#56b6c2}
.highlight .bp{color:#e5c07b}
.highlight .vc{color:#e5c07b}
.highlight .vg{color:#e5c07b}
.highlight .vi{color:#e06c75}
.highlight .il{color:#d19a66}
.highlight .gu{color:#75715e}
.highlight .gd{color:#f92672}
.highlight .gi{color:#a6e22e}
.highlight,
pre.highlight {
background: #282c34;
color: #abb2bf;
}
.highlight pre {
background: #282c34;
}
.highlight .hll {
background: #282c34;
}
.highlight .c {
color: #5c6370;
font-style: italic;
}
.highlight .err {
color: #960050;
background-color: #1e0010;
}
.highlight .k {
color: #dd672c;
}
.highlight .l {
color: #c8ae9d;
}
.highlight .n {
color: #abb2bf;
}
.highlight .o {
color: #abb2bf;
}
.highlight .p {
color: #abb2bf;
}
.highlight .cm {
color: #5c6370;
font-style: italic;
}
.highlight .cp {
color: #5c6370;
font-style: italic;
}
.highlight .c1 {
color: #5c6370;
font-style: italic;
}
.highlight .cs {
color: #5c6370;
font-style: italic;
}
.highlight .ge {
font-style: italic;
}
.highlight .gs {
font-weight: 700;
}
.highlight .kc {
color: #dd672c;
}
.highlight .kd {
color: #dd672c;
}
.highlight .kn {
color: #dd672c;
}
.highlight .kp {
color: #dd672c;
}
.highlight .kr {
color: #dd672c;
}
.highlight .kt {
color: #dd672c;
}
.highlight .ld {
color: #c8ae9d;
}
.highlight .m {
color: #d19a66;
}
.highlight .s {
color: #c8ae9d;
}
.highlight .na {
color: #d19a66;
}
.highlight .nb {
color: #e5c07b;
}
.highlight .nc {
color: #e5c07b;
}
.highlight .no {
color: #e5c07b;
}
.highlight .nd {
color: #e5c07b;
}
.highlight .ni {
color: #e5c07b;
}
.highlight .ne {
color: #e5c07b;
}
.highlight .nf {
color: #abb2bf;
}
.highlight .nl {
color: #e5c07b;
}
.highlight .nn {
color: #abb2bf;
}
.highlight .nx {
color: #abb2bf;
}
.highlight .py {
color: #e5c07b;
}
.highlight .nt {
color: #e06c75;
}
.highlight .nv {
color: #e5c07b;
}
.highlight .ow {
font-weight: 700;
}
.highlight .w {
color: #f8f8f2;
}
.highlight .mf {
color: #d19a66;
}
.highlight .mh {
color: #d19a66;
}
.highlight .mi {
color: #d19a66;
}
.highlight .mo {
color: #d19a66;
}
.highlight .sb {
color: #c8ae9d;
}
.highlight .sc {
color: #c8ae9d;
}
.highlight .sd {
color: #c8ae9d;
}
.highlight .s2 {
color: #c8ae9d;
}
.highlight .se {
color: #c8ae9d;
}
.highlight .sh {
color: #c8ae9d;
}
.highlight .si {
color: #c8ae9d;
}
.highlight .sx {
color: #c8ae9d;
}
.highlight .sr {
color: #56b6c2;
}
.highlight .s1 {
color: #c8ae9d;
}
.highlight .ss {
color: #56b6c2;
}
.highlight .bp {
color: #e5c07b;
}
.highlight .vc {
color: #e5c07b;
}
.highlight .vg {
color: #e5c07b;
}
.highlight .vi {
color: #e06c75;
}
.highlight .il {
color: #d19a66;
}
.highlight .gu {
color: #75715e;
}
.highlight .gd {
color: #f92672;
}
.highlight .gi {
color: #a6e22e;
}

View File

@ -1,64 +1,200 @@
.highlight, pre.highlight{background:#31343f;color:#dee2f7}
.highlight pre{background:#31343f}
.highlight .hll{background:#31343f}
.highlight .c{color:#63677e;font-style:italic}
.highlight .err{color:#960050;background-color:#1e0010}
.highlight .k{color:#e19ef5}
.highlight .l{color:#a3eea0}
.highlight .n{color:#dee2f7}
.highlight .o{color:#dee2f7}
.highlight .p{color:#dee2f7}
.highlight .cm{color:#63677e;font-style:italic}
.highlight .cp{color:#63677e;font-style:italic}
.highlight .c1{color:#63677e;font-style:italic}
.highlight .cs{color:#63677e;font-style:italic}
.highlight .ge{font-style:italic}
.highlight .gs{font-weight:700}
.highlight .kc{color:#e19ef5}
.highlight .kd{color:#e19ef5}
.highlight .kn{color:#e19ef5}
.highlight .kp{color:#e19ef5}
.highlight .kr{color:#e19ef5}
.highlight .kt{color:#e19ef5}
.highlight .ld{color:#a3eea0}
.highlight .m{color:#eddc96}
.highlight .s{color:#a3eea0}
.highlight .na{color:#eddc96}
.highlight .nb{color:#fdce68}
.highlight .nc{color:#fdce68}
.highlight .no{color:#fdce68}
.highlight .nd{color:#fdce68}
.highlight .ni{color:#fdce68}
.highlight .ne{color:#fdce68}
.highlight .nf{color:#dee2f7}
.highlight .nl{color:#fdce68}
.highlight .nn{color:#dee2f7}
.highlight .nx{color:#dee2f7}
.highlight .py{color:#fdce68}
.highlight .nt{color:#f9867b}
.highlight .nv{color:#fdce68}
.highlight .ow{font-weight:700}
.highlight .w{color:#f8f8f2}
.highlight .mf{color:#eddc96}
.highlight .mh{color:#eddc96}
.highlight .mi{color:#eddc96}
.highlight .mo{color:#eddc96}
.highlight .sb{color:#a3eea0}
.highlight .sc{color:#a3eea0}
.highlight .sd{color:#a3eea0}
.highlight .s2{color:#a3eea0}
.highlight .se{color:#a3eea0}
.highlight .sh{color:#a3eea0}
.highlight .si{color:#a3eea0}
.highlight .sx{color:#a3eea0}
.highlight .sr{color:#7be2f9}
.highlight .s1{color:#a3eea0}
.highlight .ss{color:#7be2f9}
.highlight .bp{color:#fdce68}
.highlight .vc{color:#fdce68}
.highlight .vg{color:#fdce68}
.highlight .vi{color:#f9867b}
.highlight .il{color:#eddc96}
.highlight .gu{color:#75715e}
.highlight .gd{color:#f92672}
.highlight .gi{color:#a6e22e}
.highlight,
pre.highlight {
background: #31343f;
color: #dee2f7;
}
.highlight pre {
background: #31343f;
}
.highlight .hll {
background: #31343f;
}
.highlight .c {
color: #63677e;
font-style: italic;
}
.highlight .err {
color: #960050;
background-color: #1e0010;
}
.highlight .k {
color: #e19ef5;
}
.highlight .l {
color: #a3eea0;
}
.highlight .n {
color: #dee2f7;
}
.highlight .o {
color: #dee2f7;
}
.highlight .p {
color: #dee2f7;
}
.highlight .cm {
color: #63677e;
font-style: italic;
}
.highlight .cp {
color: #63677e;
font-style: italic;
}
.highlight .c1 {
color: #63677e;
font-style: italic;
}
.highlight .cs {
color: #63677e;
font-style: italic;
}
.highlight .ge {
font-style: italic;
}
.highlight .gs {
font-weight: 700;
}
.highlight .kc {
color: #e19ef5;
}
.highlight .kd {
color: #e19ef5;
}
.highlight .kn {
color: #e19ef5;
}
.highlight .kp {
color: #e19ef5;
}
.highlight .kr {
color: #e19ef5;
}
.highlight .kt {
color: #e19ef5;
}
.highlight .ld {
color: #a3eea0;
}
.highlight .m {
color: #eddc96;
}
.highlight .s {
color: #a3eea0;
}
.highlight .na {
color: #eddc96;
}
.highlight .nb {
color: #fdce68;
}
.highlight .nc {
color: #fdce68;
}
.highlight .no {
color: #fdce68;
}
.highlight .nd {
color: #fdce68;
}
.highlight .ni {
color: #fdce68;
}
.highlight .ne {
color: #fdce68;
}
.highlight .nf {
color: #dee2f7;
}
.highlight .nl {
color: #fdce68;
}
.highlight .nn {
color: #dee2f7;
}
.highlight .nx {
color: #dee2f7;
}
.highlight .py {
color: #fdce68;
}
.highlight .nt {
color: #f9867b;
}
.highlight .nv {
color: #fdce68;
}
.highlight .ow {
font-weight: 700;
}
.highlight .w {
color: #f8f8f2;
}
.highlight .mf {
color: #eddc96;
}
.highlight .mh {
color: #eddc96;
}
.highlight .mi {
color: #eddc96;
}
.highlight .mo {
color: #eddc96;
}
.highlight .sb {
color: #a3eea0;
}
.highlight .sc {
color: #a3eea0;
}
.highlight .sd {
color: #a3eea0;
}
.highlight .s2 {
color: #a3eea0;
}
.highlight .se {
color: #a3eea0;
}
.highlight .sh {
color: #a3eea0;
}
.highlight .si {
color: #a3eea0;
}
.highlight .sx {
color: #a3eea0;
}
.highlight .sr {
color: #7be2f9;
}
.highlight .s1 {
color: #a3eea0;
}
.highlight .ss {
color: #7be2f9;
}
.highlight .bp {
color: #fdce68;
}
.highlight .vc {
color: #fdce68;
}
.highlight .vg {
color: #fdce68;
}
.highlight .vi {
color: #f9867b;
}
.highlight .il {
color: #eddc96;
}
.highlight .gu {
color: #75715e;
}
.highlight .gd {
color: #f92672;
}
.highlight .gi {
color: #a6e22e;
}

View File

@ -1,64 +1,200 @@
.highlight, pre.highlight{background:#282c34;color:#abb2bf}
.highlight pre{background:#282c34}
.highlight .hll{background:#282c34}
.highlight .c{color:#5c6370;font-style:italic}
.highlight .err{color:#960050;background-color:#1e0010}
.highlight .k{color:#c678dd}
.highlight .l{color:#98c379}
.highlight .n{color:#abb2bf}
.highlight .o{color:#abb2bf}
.highlight .p{color:#abb2bf}
.highlight .cm{color:#5c6370;font-style:italic}
.highlight .cp{color:#5c6370;font-style:italic}
.highlight .c1{color:#5c6370;font-style:italic}
.highlight .cs{color:#5c6370;font-style:italic}
.highlight .ge{font-style:italic}
.highlight .gs{font-weight:700}
.highlight .kc{color:#c678dd}
.highlight .kd{color:#c678dd}
.highlight .kn{color:#c678dd}
.highlight .kp{color:#c678dd}
.highlight .kr{color:#c678dd}
.highlight .kt{color:#c678dd}
.highlight .ld{color:#98c379}
.highlight .m{color:#d19a66}
.highlight .s{color:#98c379}
.highlight .na{color:#d19a66}
.highlight .nb{color:#e5c07b}
.highlight .nc{color:#e5c07b}
.highlight .no{color:#e5c07b}
.highlight .nd{color:#e5c07b}
.highlight .ni{color:#e5c07b}
.highlight .ne{color:#e5c07b}
.highlight .nf{color:#abb2bf}
.highlight .nl{color:#e5c07b}
.highlight .nn{color:#abb2bf}
.highlight .nx{color:#abb2bf}
.highlight .py{color:#e5c07b}
.highlight .nt{color:#e06c75}
.highlight .nv{color:#e5c07b}
.highlight .ow{font-weight:700}
.highlight .w{color:#f8f8f2}
.highlight .mf{color:#d19a66}
.highlight .mh{color:#d19a66}
.highlight .mi{color:#d19a66}
.highlight .mo{color:#d19a66}
.highlight .sb{color:#98c379}
.highlight .sc{color:#98c379}
.highlight .sd{color:#98c379}
.highlight .s2{color:#98c379}
.highlight .se{color:#98c379}
.highlight .sh{color:#98c379}
.highlight .si{color:#98c379}
.highlight .sx{color:#98c379}
.highlight .sr{color:#56b6c2}
.highlight .s1{color:#98c379}
.highlight .ss{color:#56b6c2}
.highlight .bp{color:#e5c07b}
.highlight .vc{color:#e5c07b}
.highlight .vg{color:#e5c07b}
.highlight .vi{color:#e06c75}
.highlight .il{color:#d19a66}
.highlight .gu{color:#75715e}
.highlight .gd{color:#f92672}
.highlight .gi{color:#a6e22e}
.highlight,
pre.highlight {
background: #282c34;
color: #abb2bf;
}
.highlight pre {
background: #282c34;
}
.highlight .hll {
background: #282c34;
}
.highlight .c {
color: #5c6370;
font-style: italic;
}
.highlight .err {
color: #960050;
background-color: #1e0010;
}
.highlight .k {
color: #c678dd;
}
.highlight .l {
color: #98c379;
}
.highlight .n {
color: #abb2bf;
}
.highlight .o {
color: #abb2bf;
}
.highlight .p {
color: #abb2bf;
}
.highlight .cm {
color: #5c6370;
font-style: italic;
}
.highlight .cp {
color: #5c6370;
font-style: italic;
}
.highlight .c1 {
color: #5c6370;
font-style: italic;
}
.highlight .cs {
color: #5c6370;
font-style: italic;
}
.highlight .ge {
font-style: italic;
}
.highlight .gs {
font-weight: 700;
}
.highlight .kc {
color: #c678dd;
}
.highlight .kd {
color: #c678dd;
}
.highlight .kn {
color: #c678dd;
}
.highlight .kp {
color: #c678dd;
}
.highlight .kr {
color: #c678dd;
}
.highlight .kt {
color: #c678dd;
}
.highlight .ld {
color: #98c379;
}
.highlight .m {
color: #d19a66;
}
.highlight .s {
color: #98c379;
}
.highlight .na {
color: #d19a66;
}
.highlight .nb {
color: #e5c07b;
}
.highlight .nc {
color: #e5c07b;
}
.highlight .no {
color: #e5c07b;
}
.highlight .nd {
color: #e5c07b;
}
.highlight .ni {
color: #e5c07b;
}
.highlight .ne {
color: #e5c07b;
}
.highlight .nf {
color: #abb2bf;
}
.highlight .nl {
color: #e5c07b;
}
.highlight .nn {
color: #abb2bf;
}
.highlight .nx {
color: #abb2bf;
}
.highlight .py {
color: #e5c07b;
}
.highlight .nt {
color: #e06c75;
}
.highlight .nv {
color: #e5c07b;
}
.highlight .ow {
font-weight: 700;
}
.highlight .w {
color: #f8f8f2;
}
.highlight .mf {
color: #d19a66;
}
.highlight .mh {
color: #d19a66;
}
.highlight .mi {
color: #d19a66;
}
.highlight .mo {
color: #d19a66;
}
.highlight .sb {
color: #98c379;
}
.highlight .sc {
color: #98c379;
}
.highlight .sd {
color: #98c379;
}
.highlight .s2 {
color: #98c379;
}
.highlight .se {
color: #98c379;
}
.highlight .sh {
color: #98c379;
}
.highlight .si {
color: #98c379;
}
.highlight .sx {
color: #98c379;
}
.highlight .sr {
color: #56b6c2;
}
.highlight .s1 {
color: #98c379;
}
.highlight .ss {
color: #56b6c2;
}
.highlight .bp {
color: #e5c07b;
}
.highlight .vc {
color: #e5c07b;
}
.highlight .vg {
color: #e5c07b;
}
.highlight .vi {
color: #e06c75;
}
.highlight .il {
color: #d19a66;
}
.highlight .gu {
color: #75715e;
}
.highlight .gd {
color: #f92672;
}
.highlight .gi {
color: #a6e22e;
}

View File

@ -174,7 +174,8 @@ textarea {
*/
button,
input { /* 1 */
input {
/* 1 */
overflow: visible;
}
@ -184,7 +185,8 @@ input { /* 1 */
*/
button,
select { /* 1 */
select {
/* 1 */
text-transform: none;
}

8198
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -6,18 +6,15 @@
"license": "MIT",
"bugs": "https://github.com/just-the-docs/just-the-docs/issues",
"devDependencies": {
"stylelint": "^13.7.2",
"@primer/css": "^15.2.0",
"prettier": "^2.7.1",
"stylelint-config-prettier": "^8.0.2",
"stylelint-config-primer": "^9.2.1",
"stylelint-prettier": "^1.1.2",
"stylelint-selector-no-utility": "^4.0.0"
"stylelint": "^14.9.1",
"stylelint-config-prettier-scss": "0.0.1",
"stylelint-config-standard-scss": "^3.0.0",
"stylelint-prettier": "^2.0.0"
},
"scripts": {
"test": "stylelint '**/*.scss'",
"format": "prettier --write '**/*.{scss,js,json}'",
"stylelint-check": "stylelint-config-prettier-check"
},
"dependencies": {}
}
}