efed031ea4
* Add deps * Setup copy events * Updoot * Tweak styling * Do a lil' proof-of-concept * Updoot @github-docs/render-content * Use SCSS variables for custom styles * Adjust docs * Ignore clipboard in check-deps * Add copy annotation to quickstart workflow sample Co-authored-by: Cynthia Rich <crichID@users.noreply.github.com>
114 lines
1.6 KiB
SCSS
114 lines
1.6 KiB
SCSS
/*
|
|
|
|
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
|
|
from https://unpkg.com/highlight.js@9.15.8/styles/github.css
|
|
|
|
*/
|
|
|
|
.markdown-body .code-extra {
|
|
margin-top: $spacer-4;
|
|
|
|
pre {
|
|
margin-top: 0 !important;
|
|
border-top-left-radius: 0 !important;
|
|
border-top-right-radius: 0 !important;
|
|
border-left: 1px $gray-200 solid !important;
|
|
border-bottom: 1px $gray-200 solid !important;
|
|
border-right: 1px $gray-200 solid !important;
|
|
}
|
|
}
|
|
|
|
.hljs {
|
|
display: block;
|
|
overflow-x: auto;
|
|
padding: 0.5em;
|
|
color: $gray-900;
|
|
background: $gray-000;
|
|
}
|
|
|
|
.hljs-comment,
|
|
.hljs-quote {
|
|
color: $gray-500;
|
|
font-style: italic;
|
|
}
|
|
|
|
.hljs-keyword,
|
|
.hljs-selector-tag,
|
|
.hljs-subst {
|
|
color: $gray-900;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-number,
|
|
.hljs-literal,
|
|
.hljs-variable,
|
|
.hljs-template-variable,
|
|
.hljs-tag .hljs-attr {
|
|
color: $green-700;
|
|
}
|
|
|
|
.hljs-string,
|
|
.hljs-doctag {
|
|
color: $blue-600;
|
|
}
|
|
|
|
.hljs-title,
|
|
.hljs-section,
|
|
.hljs-selector-id {
|
|
color: $red-800;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-subst {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hljs-type,
|
|
.hljs-class .hljs-title {
|
|
color: $blue-700;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-tag,
|
|
.hljs-name,
|
|
.hljs-attribute {
|
|
color: $blue-700;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hljs-regexp,
|
|
.hljs-link {
|
|
color: $green-700;
|
|
}
|
|
|
|
.hljs-symbol,
|
|
.hljs-bullet {
|
|
color: $purple-500;
|
|
}
|
|
|
|
.hljs-built_in,
|
|
.hljs-builtin-name {
|
|
color: $blue-700;
|
|
}
|
|
|
|
.hljs-meta {
|
|
color: $gray-500;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.hljs-deletion {
|
|
background: $red-200;
|
|
}
|
|
|
|
.hljs-addition {
|
|
background: $green-200;
|
|
}
|
|
|
|
.hljs-emphasis {
|
|
font-style: italic;
|
|
}
|
|
|
|
.hljs-strong {
|
|
font-weight: bold;
|
|
}
|