💄: 调整 document 的 style 样式
This commit is contained in:
parent
763b5cc97a
commit
385573cf5d
@ -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
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user