Learning Less.js

Exploring media queries

When creating media queries, we've seen how they split into two parts—the first part consists of a media type, which defines the environment where the media query should apply (that is, on screen or in print). It should be noted that none of these are specific to Less—they are all valid CSS media types that we can use when creating our media queries using Less.

Defining media types

Although it is likely that we might only need to use print or screen when creating our Less code, there are other options available; here's a full list of elements that might or might not be supported by all browsers:

Feature	Intended for
all	Most devices; this is default, unless otherwise specified
braille	Use in braille tactile devices ...