EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'main' of git.hamburg.ccc.de:EH22/design
All checks were successful
/ build (push) Successful in 11s
Details

Browse source
This commit is contained in:
lilith 2025-03-04 22:13:35 +01:00
commit 73b7905086
Signed by: lilith
SSH key fingerprint: SHA256:7kmBUkMCVUCN9z9MyGuBan8hifDCBaiG1RonGxdCB3A
2 changed files with 2 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

7
styleguide/assets/script/styleguide.js
View file

@ -2,13 +2,6 @@ document.querySelector("nav > button")?.addEventListener("click", (e) => {
document.querySelector("nav").classList.toggle("visible"); document.querySelector("nav").classList.toggle("visible");
}); });
document.querySelectorAll(".toggleTheme")?.forEach((element) =>
element.addEventListener("click", (e) => {
const newTheme = element.dataset.theme;
applyTheme(newTheme);
}),
);
document.querySelector("#themeDark").addEventListener("change", (e) => { document.querySelector("#themeDark").addEventListener("change", (e) => {
setTheme(e.target.checked ? "dark" : "system"); setTheme(e.target.checked ? "dark" : "system");
}); });

4
styleguide/glow/index.html
View file

@ -126,7 +126,7 @@
CSS filters. Which is why it requires the use of an SVG filter. But CSS filters. Which is why it requires the use of an SVG filter. But
support for external SVG filters (using support for external SVG filters (using
<code>url("filter.svg#filter-id")</code>) is still flaky, we instead <code>url("filter.svg#filter-id")</code>) is still flaky, we instead
opted to have to versions of each glow. One using SVG filters for opted to have two versions of each glow. One using SVG filters for
use-cases which support it (like the logo), and one using CSS filters use-cases which support it (like the logo), and one using CSS filters
(as for this page's headings). Below you'll find implementation (as for this page's headings). Below you'll find implementation
examples using the primary color CSS variable for the glow color as examples using the primary color CSS variable for the glow color as
@ -193,7 +193,7 @@
0.03125. 0.03125.
</p> </p>
<p> <p>
The value is needed for botha drop shadow as well as an inset shadow. The value is needed for both drop shadows and inset shadows.
Sadly, the latter is currently not possible using plain CSS filters. Sadly, the latter is currently not possible using plain CSS filters.
Which is why it requires the use of an SVG filter. But support for Which is why it requires the use of an SVG filter. But support for
external SVG filters (using external SVG filters (using