Merge branch 'main' of git.hamburg.ccc.de:EH22/design
All checks were successful
/ build (push) Successful in 11s
All checks were successful
/ build (push) Successful in 11s
This commit is contained in:
commit
73b7905086
2 changed files with 2 additions and 9 deletions
|
|
@ -2,13 +2,6 @@ document.querySelector("nav > button")?.addEventListener("click", (e) => {
|
|||
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) => {
|
||||
setTheme(e.target.checked ? "dark" : "system");
|
||||
});
|
||||
|
|
|
|||
|
|
@ -126,7 +126,7 @@
|
|||
CSS filters. Which is why it requires the use of an SVG filter. But
|
||||
support for external SVG filters (using
|
||||
<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
|
||||
(as for this page's headings). Below you'll find implementation
|
||||
examples using the primary color CSS variable for the glow color as
|
||||
|
|
@ -193,7 +193,7 @@
|
|||
0.03125.
|
||||
</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.
|
||||
Which is why it requires the use of an SVG filter. But support for
|
||||
external SVG filters (using
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue