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

styleguide: update icons.scss, update navigation icons, add WIP icon grid
All checks were successful
/ build (push) Successful in 11s
Details

Browse source
This commit is contained in:
kritzl 2025-03-06 02:17:45 +01:00
commit da8c820122
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
23 changed files with 1028 additions and 222 deletions
Download patch file Download diff file Expand all files Collapse all files

22
styleguide/colors/index.html
View file

@ -45,11 +45,11 @@
<div>
<nav>
<button aria-label="Open Navigation">
<i data-icon="menu-small"></i>
<i data-icon="menu_small"></i>
</button>
<ul>
<li class="link-back">
<a href="/"><i data-icon="arrow-left"></i>Back to Wiki</a>
<a href="/"><i data-icon="arrow_left"></i>Back to Wiki</a>
</li>
<li>
<a href="../"><i data-icon="home"></i>Overview</a>
@ -61,19 +61,23 @@
<a href="../typography"><i data-icon="info"></i>Typography</a>
</li>
<li>
<a href="../iconography"><i data-icon="info"></i>Iconography</a>
<a href="../iconography"
><i data-icon="hare_head"></i>Iconography</a
>
</li>
<li>
<a href="../logo"><i data-icon="info"></i>Logo</a>
<a href="../logo"><i data-icon="fairydust"></i>Logo</a>
</li>
<li>
<a href="../glow"><i data-icon="info"></i>Glow</a>
<a href="../glow"><i data-icon="lightbulb"></i>Glow</a>
</li>
<li>
<a href="../demopage"><i data-icon="info"></i>Demopage</a>
<a href="../demopage"><i data-icon="code"></i>Demopage</a>
</li>
<li>
<a href="../generator"><i data-icon="info"></i>Image Generator</a>
<a href="../generator"
><i data-icon="settings"></i>Image Generator</a
>
</li>
<li id="themeToggleDark" class="themeToggle">
<input
@ -82,7 +86,7 @@
aria-label="Switch between dark and light mode"
/>
<label for="themeDark">
<i data-icon="light"></i>
<i data-icon="lightbulb"></i>
</label>
</li>
<li id="themeToggleLight" class="themeToggle">
@ -92,7 +96,7 @@
aria-label="Switch between dark and light mode"
/>
<label for="themeLight">
<i data-icon="light"></i>
<i data-icon="lightbulb"></i>
</label>
</li>
</ul>