41 lines
969 B
CSS
41 lines
969 B
CSS
/**
|
|
* Grid Background
|
|
* 网格背景样式 - 为文档页面添加简约的网格背景
|
|
* -------------------------------------------------------------------------- */
|
|
|
|
.VPDoc,
|
|
.VPHome {
|
|
position: relative;
|
|
}
|
|
|
|
.VPDoc::before,
|
|
.VPHome::before {
|
|
content: '';
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* 亮色模式网格 */
|
|
:root:not(.dark) .VPDoc::before,
|
|
:root:not(.dark) .VPHome::before {
|
|
background-image:
|
|
linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),
|
|
linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
|
|
background-size: 60px 60px;
|
|
}
|
|
|
|
/* 暗色模式网格 */
|
|
.dark .VPDoc::before,
|
|
.dark .VPHome::before {
|
|
background-image:
|
|
linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
|
|
linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
|
|
background-size: 60px 60px;
|
|
}
|
|
|