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)
|