sketch/media

Define media queries directly with functions. Refer to the sketch module to get more details on the usage.

Advanced usage

Media queries can be rather complex, and the module tries to give all features in a usable way. A media query takes form (property: value) and can be combined, like (orientation: landscape) or (min-width: 1000px). Those media queries can be created by using the corresponding and, or or not functions.

Types

ColorMode

opaque </>

pub opaque type ColorMode

Query

opaque </>

pub opaque type Query

Functions

and

</>

pub fn and(first: Query, second: Query) -> Query

dark_theme

</>

pub fn dark_theme() -> Query

landscape

</>

pub fn landscape() -> Query

light_theme

</>

pub fn light_theme() -> Query

max_height

</>

pub fn max_height(size: Size) -> Query

max_width

</>

pub fn max_width(size: Size) -> Query

min_height

</>

pub fn min_height(size: Size) -> Query

min_width

</>

pub fn min_width(size: Size) -> Query

not

</>

pub fn not(query: Query) -> Query

or

</>

pub fn or(first: Query, second: Query) -> Query

portrait

</>

pub fn portrait() -> Query

to_string

</>

pub fn to_string(query: Query) -> String

Internal function, can be used if you need to go from a media query to a String in case you’re building on top of sketch.