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

Configure Feed

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

dev.css / addon / responsive-sidebar.js
at 8664b59a7f02ffc376d98e7323b85218ef53d5da 10 lines 586 B view raw
intergrav feat: update github links to tangled
18f42b59
1/* responsive-sidebar for dev.css v4, a lightweight CSS framework - https://tangled.org/devins.page/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));