add debug button

This commit is contained in:
Oskar Wickström
2024-08-25 10:31:12 +02:00
parent 2d83cb9f8f
commit b3fc119ff4
5 changed files with 18 additions and 6 deletions

View File

@@ -268,7 +268,7 @@ li {
/* DEBUG UTILITIES */
.grid {
.debug .grid {
--color: color-mix(in srgb, var(--text-color) 10%, var(--background-color) 90%);
position: absolute;
top: 0;
@@ -281,10 +281,15 @@ li {
repeating-linear-gradient(90deg, var(--color) 0 1px, transparent 1px 100%);
background-size: 1ch var(--line-height);
margin: 0;
/*display: none;*/
}
.off-grid {
.debug .off-grid {
background: rgba(255, 0, 0, 0.1);
}
.debug-toggle {
position: absolute;
top: 0;
right: 0;
margin: var(--line-height) 2ch;
}