From 7b1a0256e119c17ad9bf723ab9c6e62192afef11 Mon Sep 17 00:00:00 2001 From: Magnus Hovland Hoff Date: Fri, 31 Aug 2018 21:30:46 +0200 Subject: [PATCH] Add rainbow bar to test-themes --- assets/test-themes.html | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/assets/test-themes.html b/assets/test-themes.html index 8dc6355..bebdfff 100644 --- a/assets/test-themes.html +++ b/assets/test-themes.html @@ -16,9 +16,18 @@ .proto { display: none; } + #bar { + display: flex; + width: 100%; + } + #bar>div { + height: 30px; + flex-grow: 1; + } +
The quick brown dog jumps over the lazy log
@@ -33,6 +42,13 @@ block.querySelector(".theme-name").textContent = theme; body.appendChild(block); } + + const bar = document.querySelector("#bar"); + for (theme of themes) { + const block = document.createElement("div"); + block.className = `theme-${theme} themed`; + bar.appendChild(block); + }