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

chore: "aside article details" -> "aside details"

devins.page d5de6fc5 0ae5a373

+2 -2
unified split
+2 -2
addon/responsive-sidebar.js
··· 1 /* responsive-sidebar for dev.css v4, a lightweight CSS framework - https://github.com/intergrav/dev.css */ 2 - /* about: auto open/close `aside article details` at 82rem breakpoint. prevents sidebar from looking awkward on wide screens, improves usability on small screens */ 3 4 const mediaQuery = matchMedia("(min-width: 82rem)"); 5 const toggleDetails = (matches) => 6 document 7 - .querySelectorAll("aside article details") 8 .forEach((details) => details.toggleAttribute("open", matches)); 9 toggleDetails(mediaQuery.matches); 10 mediaQuery.addEventListener("change", (event) => toggleDetails(event.matches));
··· 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 4 const mediaQuery = matchMedia("(min-width: 82rem)"); 5 const toggleDetails = (matches) => 6 document 7 + .querySelectorAll("aside details") 8 .forEach((details) => details.toggleAttribute("open", matches)); 9 toggleDetails(mediaQuery.matches); 10 mediaQuery.addEventListener("change", (event) => toggleDetails(event.matches));