Improved UI for data-debug on empty spacers

zaydek · Dec 19, 2020 · 39880b3 · 39880b3
1 parent cafa83e
commit 39880b3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/duomo/headers/data-debug.scss b/src/duomo/headers/data-debug.scss
@@ -5,6 +5,6 @@
 	}
 	[data-debug] .spacer:empty {
 		outline: var(--debug-empty-spacer-outline);
-		outline-offset: 0;
+		outline-offset: 0; // Reset
 	}
 }
diff --git a/src/duomo/headers/introspection.scss b/src/duomo/headers/introspection.scss
@@ -33,8 +33,8 @@
 
 		// `data-debug` presets.
 		--debug-outline: 2px solid hsla(210, 100%, 50%, 0.5);
+		--debug-empty-spacer-outline: 1px dashed hsla(210, 100%, 75%, 0.5);
 		--debug-outline-offset: -2px;
-		--debug-empty-spacer-outline: 2px dashed hsla(210, 100%, 50%, 0.5);
 		--debug-spacer-background-color: hsla(210, 100%, 50%, 0.25);
 
 		// `data-debug-space` presets.