Lab Notes – Berns Lab

.preloader{display:none!important} /* * Without JavaScript the small-screen menu had no way to open: the list * is display:none below 48rem and the only thing that ever added the * .toggled class was js/navigation.js. The site therefore had no * navigation at all with scripting off, which the project's own * progressive-enhancement rule forbids: everything is enhancement over * working HTML, and a menu nobody can reach is not working HTML. * * So the menu is simply shown, in flow, and the button that cannot do * anything is hidden rather than left there to be pressed pointlessly. */ @media (max-width: 48rem) { .menu-toggle{display:none!important} .main-navigation ul{ display:flex!important; flex-direction:column; align-items:stretch; position:static!important; } .main-navigation ul ul{ padding-inline-start:0.75rem; border:0; box-shadow:none; min-inline-size:0; } }

The notebook is empty

Nothing is published here yet. Try the other surfaces, or come back later.

All projects Home