Pattern update with modern CSS

[thebabydino]

Pyramid

Can be updated to:

--d: 20px;
background: conic-gradient(from 45deg, #561a16 25%, #6a201b 0% 50%, #a7332b 0% 75%, #d45d55 0%);
background-size: var(--d) var(--d)

Checkerboard

Can be updated to:

--d: 60px;
background: repeating-conic-gradient(#000 0% 25%, #eee 0% 50%);
background-size: var(--d) var(--d)

Diagonal checkerboard

Can be updated to:

--d: 60px;
background: repeating-conic-gradient(from 45deg, #000 0% 25%, #eee 0% 50%);
background-size: var(--d) var(--d)

Half-rombes

Can be updated to:

--w: 15px;
background: repeating-conic-gradient(from 30deg, #d6e0f5 0% 60deg, #36c 0% 120deg);
background-size: var(--w) calc(var(--w)*tan(60deg))

[LeaVerou]

Sure! PR? You can do it via the GitHub UI, just hit edit on the file, it will fork it for you, then save and there will be a button to send a PR :)

(I'd suggest more descriptive names for the variables though)