mirror of
https://github.com/microsoft/vscode.git
synced 2025-12-22 19:29:17 +00:00
Fixes #155552 For lists, the outer ul/ol always has the same source line as the first element in the list. We should prefer using the first element in the list when highlighting the active line This also fixes a bug where scroll sync would stop working if you added lines to the doc. This was caused by `lineCount` getting out of sync as the document is being updated. I've removed this state and made the reveal logic more robust instead
238 lines
4.3 KiB
CSS
238 lines
4.3 KiB
CSS
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
html, body {
|
|
font-family: var(--markdown-font-family, -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", system-ui, "Ubuntu", "Droid Sans", sans-serif);
|
|
font-size: var(--markdown-font-size, 14px);
|
|
padding: 0 26px;
|
|
line-height: var(--markdown-line-height, 22px);
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
body {
|
|
padding-top: 1em;
|
|
}
|
|
|
|
/* Reset margin top for elements */
|
|
h1, h2, h3, h4, h5, h6,
|
|
p, ol, ul, pre {
|
|
margin-top: 0;
|
|
}
|
|
|
|
h2, h3, h4, h5, h6 {
|
|
font-weight: normal;
|
|
margin-bottom: 0.2em;
|
|
}
|
|
|
|
#code-csp-warning {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
color: white;
|
|
margin: 16px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
font-family: sans-serif;
|
|
background-color:#444444;
|
|
cursor: pointer;
|
|
padding: 6px;
|
|
box-shadow: 1px 1px 1px rgba(0,0,0,.25);
|
|
}
|
|
|
|
#code-csp-warning:hover {
|
|
text-decoration: none;
|
|
background-color:#007acc;
|
|
box-shadow: 2px 2px 2px rgba(0,0,0,.25);
|
|
}
|
|
|
|
body.scrollBeyondLastLine {
|
|
margin-bottom: calc(100vh - 22px);
|
|
}
|
|
|
|
body.showEditorSelection .code-line {
|
|
position: relative;
|
|
}
|
|
|
|
body.showEditorSelection :not(tr,ul,ol).code-active-line:before,
|
|
body.showEditorSelection :not(tr,ul,ol).code-line:hover:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: -12px;
|
|
height: 100%;
|
|
}
|
|
|
|
.vscode-high-contrast.showEditorSelection :not(tr,ul,ol).code-line .code-line:hover:before {
|
|
border-left: none;
|
|
}
|
|
|
|
body.showEditorSelection li.code-active-line:before,
|
|
body.showEditorSelection li.code-line:hover:before {
|
|
left: -30px;
|
|
}
|
|
|
|
.vscode-light.showEditorSelection .code-active-line:before {
|
|
border-left: 3px solid rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.vscode-light.showEditorSelection .code-line:hover:before {
|
|
border-left: 3px solid rgba(0, 0, 0, 0.40);
|
|
}
|
|
|
|
.vscode-dark.showEditorSelection .code-active-line:before {
|
|
border-left: 3px solid rgba(255, 255, 255, 0.4);
|
|
}
|
|
|
|
.vscode-dark.showEditorSelection .code-line:hover:before {
|
|
border-left: 3px solid rgba(255, 255, 255, 0.60);
|
|
}
|
|
|
|
.vscode-high-contrast.showEditorSelection .code-active-line:before {
|
|
border-left: 3px solid rgba(255, 160, 0, 0.7);
|
|
}
|
|
|
|
.vscode-high-contrast.showEditorSelection .code-line:hover:before {
|
|
border-left: 3px solid rgba(255, 160, 0, 1);
|
|
}
|
|
|
|
|
|
ul ul,
|
|
ul ol,
|
|
ol ul,
|
|
ol ol {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
img, video {
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:focus,
|
|
input:focus,
|
|
select:focus,
|
|
textarea:focus {
|
|
outline: 1px solid -webkit-focus-ring-color;
|
|
outline-offset: -1px;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0.7em;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
margin-bottom: 0.7em;
|
|
}
|
|
|
|
hr {
|
|
border: 0;
|
|
height: 2px;
|
|
border-bottom: 2px solid;
|
|
}
|
|
|
|
h1 {
|
|
padding-bottom: 0.3em;
|
|
line-height: 1.2;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
font-weight: normal;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
margin-bottom: 0.7em;
|
|
}
|
|
|
|
th {
|
|
text-align: left;
|
|
border-bottom: 1px solid;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
table > tbody > tr + tr > td {
|
|
border-top: 1px solid;
|
|
}
|
|
|
|
blockquote {
|
|
margin: 0 7px 0 5px;
|
|
padding: 0 16px 0 10px;
|
|
border-left-width: 5px;
|
|
border-left-style: solid;
|
|
}
|
|
|
|
code {
|
|
font-family: var(--vscode-editor-font-family, "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace);
|
|
font-size: 1em;
|
|
line-height: 1.357em;
|
|
}
|
|
|
|
body.wordWrap pre {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
pre:not(.hljs),
|
|
pre.hljs code > div {
|
|
padding: 16px;
|
|
border-radius: 3px;
|
|
overflow: auto;
|
|
}
|
|
|
|
pre code {
|
|
color: var(--vscode-editor-foreground);
|
|
tab-size: 4;
|
|
}
|
|
|
|
/** Theming */
|
|
|
|
.vscode-light pre {
|
|
background-color: rgba(220, 220, 220, 0.4);
|
|
}
|
|
|
|
.vscode-dark pre {
|
|
background-color: rgba(10, 10, 10, 0.4);
|
|
}
|
|
|
|
.vscode-high-contrast pre {
|
|
background-color: var(--vscode-textCodeBlock-background);
|
|
}
|
|
|
|
.vscode-high-contrast h1 {
|
|
border-color: rgb(0, 0, 0);
|
|
}
|
|
|
|
.vscode-light th {
|
|
border-color: rgba(0, 0, 0, 0.69);
|
|
}
|
|
|
|
.vscode-dark th {
|
|
border-color: rgba(255, 255, 255, 0.69);
|
|
}
|
|
|
|
.vscode-light h1,
|
|
.vscode-light hr,
|
|
.vscode-light td {
|
|
border-color: rgba(0, 0, 0, 0.18);
|
|
}
|
|
|
|
.vscode-dark h1,
|
|
.vscode-dark hr,
|
|
.vscode-dark td {
|
|
border-color: rgba(255, 255, 255, 0.18);
|
|
}
|