feat:更新博客
This commit is contained in:
40
docs/.vitepress/theme/style/vp-code.css
Normal file
40
docs/.vitepress/theme/style/vp-code.css
Normal file
@@ -0,0 +1,40 @@
|
||||
/* 代码块:增加留空边距 增加阴影 */
|
||||
.vp-doc div[class*=language-] {
|
||||
box-shadow: 0 10px 15px 0 rgb(0 0 0 / 20%);
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
/* 代码块:添加macOS风格的小圆点 */
|
||||
.vp-doc div[class*=language-]::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 12px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-color: #ff5f56;
|
||||
border-radius: 50%;
|
||||
box-shadow: 20px 0 0 #ffbd2e, 40px 0 0 #27c93f;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* 代码块:下移行号 隐藏右侧竖线 */
|
||||
.vp-doc .line-numbers-wrapper {
|
||||
padding-top: 40px;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
/* 代码块:重建行号右侧竖线 */
|
||||
.vp-doc .line-numbers-wrapper::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
right: 0;
|
||||
border-right: 1px solid var(--vp-code-block-divider-color);
|
||||
height: calc(100% - 60px);
|
||||
}
|
||||
|
||||
.vp-doc div[class*='language-'].line-numbers-mode {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
Reference in New Issue
Block a user