forked from Fediversity/Fediversity
simplify menu-toggle label SVG
This commit is contained in:
parent
96641d2d3d
commit
77d4011e10
|
@ -149,7 +149,6 @@ header > nav > ul > li > details > nav ul li {
|
||||||
.menu-close,
|
.menu-close,
|
||||||
.menu-open {
|
.menu-open {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
fill: var(--text-color);
|
|
||||||
}
|
}
|
||||||
.menu-close { display: none; }
|
.menu-close { display: none; }
|
||||||
#menu-toggle:checked + label .menu-close { display: block; }
|
#menu-toggle:checked + label .menu-close { display: block; }
|
||||||
|
|
|
@ -66,10 +66,10 @@ in
|
||||||
<input type="checkbox" id="menu-toggle" hidden>
|
<input type="checkbox" id="menu-toggle" hidden>
|
||||||
<label for="menu-toggle" hidden>
|
<label for="menu-toggle" hidden>
|
||||||
<svg class="menu-open" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20">
|
<svg class="menu-open" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20">
|
||||||
<path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"/>
|
<path d="M0 4 H20 M0 10 H20 M0 16 H20" stroke="currentColor" stroke-width="2"/>
|
||||||
</svg>
|
</svg>
|
||||||
<svg class="menu-close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20">
|
<svg class="menu-close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20">
|
||||||
<polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/>
|
<path d="M2 2L18 18M18 2L2 18" stroke="currentColor" stroke-width="2"/>
|
||||||
</svg>
|
</svg>
|
||||||
</label>
|
</label>
|
||||||
${lib.indent " " (cfg.menus.main.outputs.html page)}
|
${lib.indent " " (cfg.menus.main.outputs.html page)}
|
||||||
|
|
Loading…
Reference in a new issue