10 #media Media queries
Basic media queries. Usage of functions .mobile({ content });. Most of the media queries mixins
are based on change of <html lang="en" id="device-mobile"> done by JS core. Therefore the result
is to produce CSS in a form #device-mobile #your-selector .your-class { .. }
Source:
src/css/core/media-queries.less, line 1
10.1 #media.02 .mobile()
Covers only mobile
Source:
src/css/core/media-queries.less, line 77
10.2 #media.03 .tablet()
Tablet only
Source:
src/css/core/media-queries.less, line 83
10.3 #media.03b .desktop()
Desktop only
Source:
src/css/core/media-queries.less, line 89
10.4 #media.04 .mobileTablet()
Covers both, mobile or tablet
Source:
src/css/core/media-queries.less, line 95
10.5 #media.05 .tabletDesktop()
NOT mobile(). Covers tablet and desktop also
Source:
src/css/core/media-queries.less, line 101
10.6 #media.06 .mobilehide
Hide on mobile
Source:
src/css/core/media-queries.less, line 111
10.7 #media.07 .mobiletablethide
Hide on mobile and table
Source:
src/css/core/media-queries.less, line 117
10.8 #media.08 .desktophide
Hide on desktop
Source:
src/css/core/media-queries.less, line 123
Source:
src/css/core/media-queries.less, line 107