💄: 调整 document 的 style 样式

This commit is contained in:
就眠儀式 2022-05-11 09:07:04 +08:00
parent 763b5cc97a
commit 385573cf5d
4 changed files with 4 additions and 65 deletions

View File

@ -3,7 +3,6 @@ code {
border-radius: 3px; border-radius: 3px;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
font-size: 0.85em; font-size: 0.85em;
color: var(--c-text-light);
background-color: rgba(27, 31, 35, 0.05); background-color: rgba(27, 31, 35, 0.05);
} }
@ -11,10 +10,6 @@ code .token.deleted {
color: #ec5975; color: #ec5975;
} }
code .token.inserted {
color: var(--c-brand);
}
div[class*='language-'] { div[class*='language-'] {
position: relative; position: relative;
margin: 1rem -1.5rem; margin: 1rem -1.5rem;
@ -83,54 +78,6 @@ li > div[class*='language-'] {
background-color: #fafafa; background-color: #fafafa;
} }
/* Line highlighting */
.highlight-lines {
position: absolute;
top: 0;
bottom: 0;
left: 0;
padding: 1.25rem 0;
width: 100%;
line-height: 24px;
font-size: 14px;
user-select: none;
overflow: hidden;
}
.highlight-lines .highlighted {
background-color: rgba(0, 0, 0, 0.66);
}
/* Line numbers mode */
div[class*='language-'].line-numbers-mode {
padding-left: 3.5rem;
}
.line-numbers-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 3;
border-right: 1px solid rgba(0, 0, 0, 0.5);
padding: 1.25rem 0;
width: 3.5rem;
text-align: center;
line-height: 24px;
font-size: 14px;
color: #888;
}
/* Language marker */
[class*='language-']:before {
position: absolute;
top: 0.6em;
right: 1em;
z-index: 2;
font-size: 0.8rem;
color: #888;
}
/** /**
* prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML. * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML.
* Based on https://github.com/chriskempson/tomorrow-theme * Based on https://github.com/chriskempson/tomorrow-theme

View File

@ -15,7 +15,7 @@
<i <i
class="layui-icon layui-icon-play btn" class="layui-icon layui-icon-play btn"
@click="onPlayground" @click="onPlayground"
title="在 Playground 中打开" title="运行代码"
/> />
<i <i
class="layui-icon layui-icon-file btn" class="layui-icon layui-icon-file btn"
@ -181,7 +181,6 @@ function handleScroll() {
line-height: 18px; line-height: 18px;
color: var(--c-text-light); color: var(--c-text-light);
} }
.lay-code .control { .lay-code .control {
height: 44px; height: 44px;
box-sizing: border-box; box-sizing: border-box;

View File

@ -22,12 +22,10 @@ onMounted(() => {
outline: none; outline: none;
box-shadow: none; box-shadow: none;
} }
.DocSearch-Button .DocSearch-Search-Icon, .DocSearch-Button .DocSearch-Search-Icon,
.DocSearch-Button-Placeholder { .DocSearch-Button-Placeholder {
color: whitesmoke; color: whitesmoke;
} }
:root { :root {
--docsearch-logo-color: var(--global-primary-color); --docsearch-logo-color: var(--global-primary-color);
--docsearch-primary-color: var(--global-primary-color); --docsearch-primary-color: var(--global-primary-color);
@ -43,11 +41,9 @@ onMounted(() => {
.DocSearch-Button-Container { .DocSearch-Button-Container {
padding-left: 2px; padding-left: 2px;
} }
.DocSearch-Button-Placeholder { .DocSearch-Button-Placeholder {
padding-left: 8px; padding-left: 8px;
} }
.DocSearch-Button, .DocSearch-Button,
.DocSearch-Button:hover, .DocSearch-Button:hover,
.DocSearch-Button:active, .DocSearch-Button:active,
@ -55,18 +51,15 @@ onMounted(() => {
border: 1px solid rgb(224, 224, 230); border: 1px solid rgb(224, 224, 230);
box-shadow: none; box-shadow: none;
} }
.DocSearch-Button-Key { .DocSearch-Button-Key {
border: 1px solid rgba(60, 60, 60, 0.29); border: 1px solid rgba(60, 60, 60, 0.29);
background: transparent; background: transparent;
box-shadow: none; box-shadow: none;
} }
.DocSearch-Button .DocSearch-Search-Icon, .DocSearch-Button .DocSearch-Search-Icon,
.DocSearch-Button-Placeholder { .DocSearch-Button-Placeholder {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
.DocSearch-Button-Keys { .DocSearch-Button-Keys {
display: none; display: none;
} }

View File

@ -20,9 +20,9 @@
font-size: 14px; font-size: 14px;
width: 50px; width: 50px;
max-width: 180px; max-width: 180px;
height: 50px; /*统一每一行的默认高度*/ height: 50px;
border-top: 1px solid whitesmoke; /*内部边框样式*/ border-top: 1px solid whitesmoke;
padding: 0 10px; /*内边距*/ padding: 0 10px;
padding-left: 28px; padding-left: 28px;
} }
.lay-table-box table th { .lay-table-box table th {