Files
godot-vscode-plugin/media/docs.css
Joseph Gilley ecaf1db977 Improve codeblock formatting in documentation (#629)
* Improve codeblock formatting in documentation

Improves codeblock highlighting by:

 -  Adding context to the codeblock detailing which language the
    following code is.
 -  Setting the `pre` block's background to match the default
    background for `code` blocks to give a consistent experience.
 -  Setting a border radius for the `pre` block double that of the
    `code` block's default (4px, which is hard-coded).
2024-03-22 10:03:38 -04:00

48 lines
749 B
CSS

body {
margin-right: 200px;
}
a {
text-decoration: none;
}
#map {
position: fixed;
top: 0;
right: 0;
width: 200px;
height: 100%;
z-index: 100;
}
pre:has(code) {
position: relative;
background-color: var(--vscode-textPreformat-background);
padding: 2.5em 1.5em 1em 1.5em;
border-radius: 8px;
overflow-x: auto;
}
pre code {
background-color: transparent !important;
padding-left: 0px;
padding-right: 0px;
}
pre:has(code[class*="language-"])::before {
position: absolute;
top: 0;
left: 0;
padding: 0.5em 1em;
color: var(--vscode-titlebar-activeForeground);
font-family: var(--vscode-font-family);
}
pre:has(code.language-gdscript)::before {
content: "GDScript";
}
pre:has(code.language-csharp)::before {
content: "C#";
}