@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
14 lines (12 loc) • 780 B
text/less
// Small form factor: devices smaller than tablet
@mq-small: only screen and (max-width: 47.9375em);
// Medium form factor: devices larger than phone
@mq-medium: only screen and (min-width: 48em);
// Medium form factor, landscape: devices larger than phone, in landscape orientation
@mq-medium-landscape: only screen and (min-width: 48em) and (min-aspect-ratio: 4/3);
// Large form factor: devices larger than tablet
@mq-large: only screen and (min-width: 64.0625em);
// Retina displays
@mq-high-res: only screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx);
// Make record layout 1 col when its view port is < 600px
@mq-single-column-record-layout: (max-width: 599px);