40 lines
913 B
CSS
40 lines
913 B
CSS
/* 代码块：增加留空边距 增加阴影 */
|
||
.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;
|
||
} |