style: 添加预设样式

This commit is contained in:
Baobhan Sith
2025-05-27 21:36:06 +08:00
parent 9c109f4240
commit 4966d2e575
16 changed files with 1779 additions and 148 deletions
@@ -0,0 +1,29 @@
<style>
#static-grid-background {
width: 100%;
height: 100%;
background-color: #282c34;
--grid-color-small: rgba(100, 100, 100, 0.1);
--grid-size-small: 20px;
--grid-color-large: rgba(120, 120, 120, 0.15);
--grid-size-large: 100px;
background-image:
linear-gradient(to right, var(--grid-color-small) 1px, transparent 1px),
linear-gradient(to bottom, var(--grid-color-small) 1px, transparent 1px),
linear-gradient(to right, var(--grid-color-large) 1px, transparent 1px),
linear-gradient(to bottom, var(--grid-color-large) 1px, transparent 1px);
background-size:
var(--grid-size-small) var(--grid-size-small),
var(--grid-size-small) var(--grid-size-small),
var(--grid-size-large) var(--grid-size-large),
var(--grid-size-large) var(--grid-size-large);
}
</style>
<div id="static-grid-background">
</div>