Automatically hide [data-toggle-nav] on desktop view

docs/docs/components/page-samples/documentation.md

@@ -9,9 +9,7 @@ layout: blank
     --menu-width: 15rem;
     --aside-width: 15rem;
   }
-  wa-page[view='desktop'] [data-toggle-nav] {
-    display: none;
-  }
+
   wa-page[view='mobile'] {
     --menu-width: auto;
     --aside-width: auto;
@@ -235,4 +233,4 @@ layout: blank
       <a href="#">Youth Audubon Camps</a>
     </div>
   </footer>
-</wa-page>
+</wa-page>

docs/docs/components/page-samples/media-app.md

@@ -305,9 +305,7 @@ layout: blank
     --wa-tooltip-arrow-size: 0;
     background-color: var(--wa-color-surface-lowered);
   }
-  wa-page[view='desktop'] [data-toggle-nav] {
-    display: none;
-  }
+
   wa-page[view='mobile'] {
     --menu-width: auto;
   }
@@ -398,4 +396,4 @@ layout: blank
     font-size: 3rem;
     padding: 1.5rem;
   }
-</style>
+</style>

src/styles/components/wa-page.css

@@ -13,3 +13,7 @@
 wa-page :is(*, *:after, *:before) {
   scroll-margin-top: var(--scroll-margin-top);
 }
+
+wa-page[view='desktop'] [data-toggle-nav] {
+  display: none;
+}