/* Sidemenuen må ikke nå at blive tegnet i den forkerte tilstand. * * Mange sider ligger under flere hovedområder, og serveren sender menuen med * dem alle foldet ud. guide-nav.js folder de overflødige sammen, men uanset * hvor tidligt scriptet kører, kan browseren nå at tegne den lange menu først. * Det gav et synligt hop ned og op. * * Derfor holdes menuen usynlig indtil scriptet har valgt. Scriptet kører mens * siden stadig læses ind, så i praksis ser man aldrig den skjulte tilstand. * * Sikkerhedsnettet er animationen: går scriptet i stå, bliver menuen synlig * af sig selv efter et halvt sekund. Og hele reglen gælder kun når JavaScript * er slået til - Material sætter selv klassen .js på - så uden * JavaScript vises menuen som altid. */ .js .md-sidebar--primary .md-nav--primary { visibility: hidden; animation: kb-nav-vis 0s linear 1.2s forwards; } @keyframes kb-nav-vis { to { visibility: visible; } } .js body.kb-nav-klar .md-sidebar--primary .md-nav--primary { visibility: visible; animation: none; } /* Brugere der har slået animationer fra, skal ikke vente på sikkerhedsnettet */ @media (prefers-reduced-motion: reduce) { .js .md-sidebar--primary .md-nav--primary { visibility: visible; animation: none; } }