Intercâmbio de consultas de mídia nomeada

Descrição

Na variável $ breakpoints no SASS, você pode definir qualquer ponto de interrupção junto com poucas palavras-chave. Ele é uma forma abreviada de consultas nomeadas para consultas de mídia CSS completas.

Você pode incluir suas próprias consultas de mídia nomeadas e pode adicioná-las como propriedades para Foundation.Interchange.SPECIAL_QUERIES

Foundation.Interchange.SPECIAL_QUERIES['square'] = 'screen and (aspect-ratio: 1/1)';

Sr. Não. Nome da Consulta Consulta de mídia
1 pequeno 
screen and (min-width: 0em)
2 médio 
only screen and (min-width: 40em)
3 ampla 
only screen and (min-width: 64em)
4 extra grande 
only screen and (min-width: 75em)
5 xxlarge 
only screen and (min-width: 90em)
6 retrato 
screen and (orientation: portrait)
7 panorama 
screen and (orientation: landscape)
8 retina 
only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)