Draw states after districts; add 'fill: none' CSS to states; store a map of color to all features with that color

2025-02-26 12:09:45 -05:00
parent c2df272fe6
commit c98af5a5ae
2 changed files with 28 additions and 9 deletions
--- a/index.html
+++ b/index.html
@@ -21,17 +21,23 @@
 				padding: 2em;
 			}
 			.state {
+				stroke: black;
+				fill: none;
+				stroke-width: 1;
+			}
+
+			.district {
 				stroke: white;
 				stroke-width: 0.5;
 				transition: fill 0.3s;
 			}
-			.state:hover {
+			.district:hover {
 				stroke-width: 1.5;
 			}
-			.stateText {
+			.districtText {
 				visibility: hidden;
 			}
-			.state:hover ~ .stateText {
+			.district:hover ~ .districtText {
 				visibility: visible;
 			}
 		</style>