UNPKG

@salesforce-ux/design-system

Version:

Salesforce Lightning Design System

lightningdesignsystem.com

salesforce-ux/design-system

14 lines (12 loc) • 798 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* 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)