Interchange Named Media Queries

Descrizione

Nella variabile $ breakpoints in SASS, puoi definire qualsiasi breakpoint insieme a poche parole chiave. Supporta come abbreviazione per le query con nome per le query multimediali CSS complete.

È possibile includere query multimediali con nome e aggiungerle come proprietà a Foundation.Interchange.SPECIAL_QUERIES

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

Sr.No. Nome query Media Query
1 piccolo 
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 ritratto 
screen and (orientation: portrait)
7 paesaggio 
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)