3 ms·
Pretty neat project and great presentation, starred! You could reduce the distributed CSS version even more if you used the gradient definition only once, it's
by tiborsaas 7y ago
Pretty neat project and great presentation, starred!
You could reduce the distributed CSS version even more if you used the gradient definition only once, it's always the same.
background-image: repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor), repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
With class composition it's easy:
.pattern-checks.xl {
background-position: 0 0, 100px 100px;
background-size: calc(2 * 100px) calc(2 * 100px);
}
But if you added a copy-paste ready snippet to the landing page, that would be great too.