devins.page / dev.css
lightweight, simple, classless CSS framework inspired by new.css devcss.devins.page
framework lightweight css classless stylesheet
23
fork

Configure Feed

Select the types of activity you want to include in your feed.

dev.css / addon / responsive-sidebar.js
at c8a1c25a4d2b98fd3fc010436ffef36ee07f589a 10 lines 583 B view raw
devins.page chore: "aside article details" -> "aside details"
d5de6fc5
1/* responsive-sidebar for dev.css v4, a lightweight CSS framework - https://github.com/intergrav/dev.css */ 2/* about: auto open/close `aside details` at 82rem breakpoint. prevents sidebar from looking awkward on wide screens, improves usability on small screens */ 3 4const mediaQuery = matchMedia("(min-width: 82rem)"); 5const toggleDetails = (matches) => 6 document 7 .querySelectorAll("aside details") 8 .forEach((details) => details.toggleAttribute("open", matches)); 9toggleDetails(mediaQuery.matches); 10mediaQuery.addEventListener("change", (event) => toggleDetails(event.matches));