ingepland
In Jinja bijvoorbeeld:
Zet je geen --status, dan valt de rij terug op het merkgoud. Nooit stuk.
3. De zijbalk krijgt één lege div als eerste kind (zie punt 4 hierboven),
en de kopbalk de klasse kopbalk. Dat is de enige markupwijziging.
4. In tokens.css: haal (prefers-reduced-motion: reduce) uit de media query
die --waas op 0px zet. Anders werkt het glas op de helft van de machines
niet, en zie je nooit waar dit bestand voor bedoeld was.
Nakijken of het werkt, in de console:
getComputedStyle(document.documentElement).getPropertyValue('--waas')
→ moet 14px zijn, niet 0px
getComputedStyle(document.querySelector('.glas')).backdropFilter
→ moet blur(14px) ... zijn, niet blur(0px) */
/* ── 5. De grond waar het glas op rust ──────────────────────────────────────
GEMETEN, 14-8-2026. De eigenaar op zijn gsm: *"Ik zie niet echt een verschil"*.
Terecht. Met glas.js aan stonden alle klassen er wél op — gemeten in Edge op
de draaiende app: `adm-card glas`, en `blur(14px) saturate(1.7)
brightness(1.08)`. Toch zag hij niets. Dat is geen fout in de schakelaar maar
in de veronderstelling eronder.
backdrop-filter vervaagt wat ACHTER het vlak ligt. Achter een kaart in
SalesSync ligt één vlakke kleur (--grond). Een waas over een egale kleur
geeft exact diezelfde egale kleur terug. Al het werk aan verzadiging en
helderheid valt dus weg, en wat overblijft is een randje en een schaduw.
Daarom krijgt de app een grond met heel zwakke kleurvelden. Geen patroon en
geen beeld: drie zeer lichte radiale vlekken in de merk- en betekeniskleuren,
vast op het scherm. Ze vallen zelf niet op, maar het glas heeft nu iets om te
breken — en dán zie je pas dat het glas is.
Raakt de indeling niet: de laag staat position:fixed op z-index -1 en zit
buiten de flow. Er verschuift geen enkel element een pixel. */
html.glas-aan body::before {
content: "";
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
/* Maten in PROCENT van het scherm, niet in rem.
Eerste poging stond op 52rem — op een gsm van 390px breed is dat twee
schermbreedtes, dus zag je één vlakke tint en nog steeds geen glas.
Procenten schalen mee: dezelfde compositie op een gsm en op 27 duim. */
background:
radial-gradient(78% 52% at 6% 10%,
color-mix(in srgb, var(--merk) 16%, transparent) 0%, transparent 62%),
radial-gradient(72% 48% at 94% 82%,
color-mix(in srgb, var(--info) 18%, transparent) 0%, transparent 64%),
radial-gradient(64% 44% at 58% 46%,
color-mix(in srgb, var(--ok) 11%, transparent) 0%, transparent 60%);
}
/* Wie doorzichtigheid weg wil, wil deze wolken ook niet. Zonder waas is er toch
niets om te breken, en dan is het alleen nog gekleurde ruis. */
@media (prefers-reduced-transparency: reduce) {
html.glas-aan body::before { background: none; }
}