Intercambiar consultas de medios con nombre

Descripción

En la variable $ breakpoints en SASS, puede definir cualquier punto de interrupción junto con algunas palabras clave. Es compatible como una forma abreviada de las consultas con nombre para consultas de medios CSS completas.

Puede incluir sus propias consultas de medios con nombre y puede agregarlas como propiedades a Foundation.Interchange.SPECIAL_QUERIES

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

No Señor. Nombre de la consulta Consulta de medios
1 pequeña
screen and (min-width: 0em)
2 medio
only screen and (min-width: 40em)
3 grande
only screen and (min-width: 64em)
4 xlarge
only screen and (min-width: 75em)
5 xxlarge
only screen and (min-width: 90em)
6 retrato
screen and (orientation: portrait)
7 paisaje
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)