js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix nav toggle styles

Browse Source
This commit is contained in:
Cory LaViska
2024-06-17 14:15:32 -04:00
parent 301996ed57
commit 1ec44cef06
2 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/_includes/base.njk
View File

@@ -43,15 +43,10 @@
<wa-page>
<header slot="header">
{# Nav toggle #}
<wa-button appearance="text" data-toggle-nav>
<wa-icon name="bars" label="Toggle navigation"></wa-icon>
</wa-button>
{# Logo #}
<div id="docs-branding">
{# Nav toggle #}
<wa-button variant="text" data-toggle-nav>
<wa-button appearance="text" data-toggle-nav>
<wa-icon name="bars" label="Toggle navigation"></wa-icon>
</wa-button>
<a href="/" aria-label="Web Awesome">

5
docs/assets/styles/docs.css
View File

@@ -49,9 +49,12 @@ wa-page > header {
wa-button[data-toggle-nav] {
--label-color: currentColor;
margin-inline-end: 0.75rem;
margin-inline-start: -0.875rem;
margin-inline-end: 0;
&::part(base) {
padding: 0;
padding-inline: 0.875rem;
}
}