Delete commented-out background design
This commit is contained in:
parent
b11c71da57
commit
63d114ca5e
1 changed files with 0 additions and 167 deletions
167
style.css
167
style.css
|
|
@ -108,173 +108,6 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
backdrop-filter: blur(0.15rem);
|
backdrop-filter: blur(0.15rem);
|
||||||
|
|
||||||
/*--color-a: #FF000002;
|
|
||||||
--color-b: #00FF0002;
|
|
||||||
--color-c: #0000FF03;
|
|
||||||
|
|
||||||
--bg-unit: 1rem;
|
|
||||||
--bg-half-tri-height: calc(var(--bg-unit) * sqrt(3) / 4);
|
|
||||||
--bg-tri-height: calc(var(--bg-half-tri-height) * 2);
|
|
||||||
--bg-width: calc(var(--bg-unit) * 2 + var(--bg-tri-height) * 2);
|
|
||||||
--bg-height: calc(var(--bg-unit) * 3 + var(--bg-tri-height) * 4);
|
|
||||||
background-size: var(--bg-width) var(--bg-height);
|
|
||||||
|
|
||||||
--ht: var(--bg-half-tri-height);
|
|
||||||
background-position:
|
|
||||||
calc((var(--bg-width) - var(--bg-unit)) / 2) 0,
|
|
||||||
calc((var(--bg-width) - var(--bg-unit)) / 2) 0,
|
|
||||||
calc(var(--bg-width) / 2) calc(var(--bg-height) - var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-width) / 2) calc(var(--bg-height) - var(--bg-tri-height)),
|
|
||||||
calc((var(--bg-width) + var(--bg-unit)) / 2) 0,
|
|
||||||
calc((var(--bg-width) + var(--bg-unit)) / 2) 0,
|
|
||||||
|
|
||||||
0 calc(var(--bg-height) / 2 + var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) / 2) calc(var(--bg-height) / 2),
|
|
||||||
calc(var(--bg-unit) / 2) calc(var(--bg-height) / 2),
|
|
||||||
calc(var(--bg-unit) / 2) calc(var(--bg-height) / 2),
|
|
||||||
calc(var(--bg-unit) / 2) calc(var(--bg-height) / 2),
|
|
||||||
0 calc(var(--bg-height) / 2 - var(--bg-tri-height)),
|
|
||||||
|
|
||||||
0 calc(var(--bg-height) / 2 + var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-width) - var(--bg-unit) / 2) calc(var(--bg-height) / 2),
|
|
||||||
calc(var(--bg-width) - var(--bg-unit) / 2) calc(var(--bg-height) / 2),
|
|
||||||
calc(var(--bg-width) - var(--bg-unit) / 2) calc(var(--bg-height) / 2),
|
|
||||||
calc(var(--bg-width) - var(--bg-unit) / 2) calc(var(--bg-height) / 2),
|
|
||||||
0 calc(var(--bg-height) / 2 - var(--bg-tri-height)),
|
|
||||||
|
|
||||||
calc((var(--bg-width) - var(--bg-unit)) / 2) 0,
|
|
||||||
calc((var(--bg-width) - var(--bg-unit)) / 2) 0,
|
|
||||||
calc(var(--bg-width) / 2) var(--bg-tri-height),
|
|
||||||
calc(var(--bg-width) / 2) var(--bg-tri-height),
|
|
||||||
calc((var(--bg-width) + var(--bg-unit)) / 2) 0,
|
|
||||||
calc((var(--bg-width) + var(--bg-unit)) / 2) 0,
|
|
||||||
|
|
||||||
0 calc(var(--bg-height) - var(--bg-tri-height) - var(--bg-unit) / 2),
|
|
||||||
var(--bg-width) calc(var(--bg-height) - var(--bg-tri-height) - var(--bg-unit) / 2),
|
|
||||||
|
|
||||||
calc(var(--bg-width) / 2) calc(var(--bg-height) - var(--bg-unit) - var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-width) / 2) calc(var(--bg-height) - var(--bg-unit) - var(--bg-tri-height)),
|
|
||||||
|
|
||||||
calc(var(--bg-width) / 2) calc(var(--bg-unit) + var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-width) / 2) calc(var(--bg-unit) + var(--bg-tri-height)),
|
|
||||||
|
|
||||||
0 calc(var(--bg-tri-height) + var(--bg-unit) / 2),
|
|
||||||
var(--bg-width) calc(var(--bg-tri-height) + var(--bg-unit) / 2),
|
|
||||||
|
|
||||||
calc(var(--bg-tri-height) + var(--bg-unit) / 2) calc(var(--bg-unit) / -2 - var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-tri-height) + var(--bg-unit) / 2) calc(var(--bg-unit) / -2 - var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) / 2) calc(-1 * var(--bg-unit) - var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) / 2) calc(-1 * var(--bg-unit) - var(--bg-tri-height)),
|
|
||||||
|
|
||||||
calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height)) calc(var(--bg-unit) / -2 - var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height)) calc(var(--bg-unit) / -2 - var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-width) - var(--bg-unit) / 2) calc(-1 * var(--bg-unit) - var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-width) - var(--bg-unit) / 2) calc(-1 * var(--bg-unit) - var(--bg-tri-height)),
|
|
||||||
|
|
||||||
calc(var(--bg-unit) + var(--bg-tri-height)) calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height) * 2),
|
|
||||||
calc(var(--bg-unit) + var(--bg-tri-height)) calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height) * 2),
|
|
||||||
calc(var(--bg-unit) + var(--bg-tri-height)) calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height) * 2),
|
|
||||||
calc(var(--bg-unit) + var(--bg-tri-height)) calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height) * 2),
|
|
||||||
|
|
||||||
calc(var(--bg-unit) / 2) calc(var(--bg-unit) + var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) / 2) calc(var(--bg-unit) + var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) / 2 + var(--bg-tri-height)) calc(var(--bg-unit) / 2 + var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) / 2 + var(--bg-tri-height)) calc(var(--bg-unit) / 2 + var(--bg-tri-height)),
|
|
||||||
|
|
||||||
calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height) * 2) calc(var(--bg-unit) + var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height) * 2) calc(var(--bg-unit) + var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height)) calc(var(--bg-unit) / 2 + var(--bg-tri-height)),
|
|
||||||
calc(var(--bg-unit) * 3 / 2 + var(--bg-tri-height)) calc(var(--bg-unit) / 2 + var(--bg-tri-height)),
|
|
||||||
|
|
||||||
0 0,
|
|
||||||
0 0,
|
|
||||||
0 0,
|
|
||||||
0 0;
|
|
||||||
background-image:
|
|
||||||
/* Bottom hex top
|
|
||||||
linear-gradient(300deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(60deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(240deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(120deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(300deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(60deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Left hex right
|
|
||||||
linear-gradient(60deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(240deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(120deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(60deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(300deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(120deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Right hex left
|
|
||||||
linear-gradient(300deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(240deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(120deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(60deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(300deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(240deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Top hex bottom
|
|
||||||
linear-gradient(240deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(120deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(300deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(60deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(240deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(120deg, var(--color-a) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Bottom side tri
|
|
||||||
linear-gradient(120deg, var(--color-b) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(240deg, var(--color-b) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Bottom mid tri
|
|
||||||
linear-gradient(300deg, var(--color-b) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(60deg, var(--color-b) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Top mid tri
|
|
||||||
linear-gradient(240deg, var(--color-b) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(120deg, var(--color-b) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Bottom hex top
|
|
||||||
linear-gradient(300deg, var(--color-b) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(60deg, var(--color-b) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Bottom left para
|
|
||||||
linear-gradient(210deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(330deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(150deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(30deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Bottom right para
|
|
||||||
linear-gradient(150deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(30deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(210deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(330deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Middle para
|
|
||||||
linear-gradient(210deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(330deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(150deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(30deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Top left para
|
|
||||||
linear-gradient(150deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(30deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(210deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(330deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Top right para
|
|
||||||
linear-gradient(210deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(330deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(150deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(30deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
|
|
||||||
/* Corner para
|
|
||||||
linear-gradient(210deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(330deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(150deg, var(--color-c) var(--ht), transparent var(--ht)),
|
|
||||||
linear-gradient(30deg, var(--color-c) var(--ht), transparent var(--ht));*/
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue