create dotgrid module

This commit is contained in:
Akbar Rahman 2024-12-25 19:10:55 +00:00
parent 21187be0b6
commit de85c23805
Signed by: alvierahman90
GPG Key ID: 6217899F07CA2BDF
2 changed files with 15 additions and 0 deletions

5
modules/dotgrid.css Normal file
View File

@ -0,0 +1,5 @@
body {
background-size: var(--dotgrid-size) var(--dotgrid-size);
background-image: radial-gradient(circle, var(--fg-lc) var(--dotgrid-dot-size), rgba(0, 0, 0, 0) 1px);
background-position: center;
}

View File

@ -0,0 +1,10 @@
in the css
@import url("https://styles.alv.cx/modules/dotgrid.css");
variables:
--dotgrid-size: 3em;
--dotgrid-dot-size: 1px;
puts a background image on the `body` element.