1
0
mirror of synced 2026-01-25 09:03:25 -05:00
Files
docs/stylesheets/syntax-highlighting.scss
Kevin Heis 46c16001c3 Upgrade Primer with translation shim for trashcan icon (#18735)
* Revert "Revert "Upgrade Primer CSS to 16 (#18713)""

This reverts commit c01d3e302e.

* Add a hack to handle trashcan icon in translated content
2021-04-13 18:38:04 +00:00

114 lines
1.8 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 var(--color-auto-gray-2) solid !important;
border-bottom: 1px var(--color-auto-gray-2) solid !important;
border-right: 1px var(--color-auto-gray-2) solid !important;
}
}
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
color: var(--color-auto-gray-9);
background: var(--color-auto-gray-0);
}
.hljs-comment,
.hljs-quote {
color: var(--color-auto-gray-5);
font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
color: var(--color-auto-gray-9);
font-weight: bold;
}
.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
color: var(--color-auto-green-7);
}
.hljs-string,
.hljs-doctag {
color: var(--color-auto-blue-6);
}
.hljs-title,
.hljs-section,
.hljs-selector-id {
color: var(--color-auto-red-8);
font-weight: bold;
}
.hljs-subst {
font-weight: normal;
}
.hljs-type,
.hljs-class .hljs-title {
color: var(--color-auto-blue-7);
font-weight: bold;
}
.hljs-tag,
.hljs-name,
.hljs-attribute {
color: var(--color-auto-blue-7);
font-weight: normal;
}
.hljs-regexp,
.hljs-link {
color: var(--color-auto-green-7);
}
.hljs-symbol,
.hljs-bullet {
color: var(--color-auto-purple-5);
}
.hljs-built_in,
.hljs-builtin-name {
color: var(--color-auto-blue-7);
}
.hljs-meta {
color: var(--color-auto-gray-5);
font-weight: bold;
}
.hljs-deletion {
background: var(--color-auto-red-2);
}
.hljs-addition {
background: var(--color-auto-green-2);
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}