diff --git a/modules/dotgrid.css b/modules/dotgrid.css new file mode 100644 index 0000000..c62769b --- /dev/null +++ b/modules/dotgrid.css @@ -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; +} diff --git a/modules/readmes/dotgrid.txt b/modules/readmes/dotgrid.txt new file mode 100644 index 0000000..0fd7399 --- /dev/null +++ b/modules/readmes/dotgrid.txt @@ -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.