Novos recursos do CSS Media Query 5

• light-level: permite ajustar de acordo com o brilho da tela entre dim, washed e normal (ainda sem suporte nos navegadores)

• inverted-colors: inversão de cores (suportado apenas pelo Safari)

• Personalização

→ prefers-contrast: suporte à acessibilidade

→ prefers-reduced-motion: minimiza animações

→ prefers-reduced-transparency: reduz transparência

→ prefers-reduced-data: minimiza a transferência de dados em estado celular/roaming ou em sites com muitas imagens

• Custom Media Query scriptável

→ é possível conectar declarando variáveis com @custom-media

→ também está previsto tornar a própria declaração de variáveis scriptável