Namespace: media

theme.media

Enumerations

• Breakpoint

Variables

sizes

• Const sizes: Record<Breakpoint, number>

Defined in

packages/webapp-libs/webapp-core/src/theme/media.ts:12

---

sizesOrdered

• Const sizesOrdered: readonly [MOBILE, TABLET, DESKTOP, DESKTOP_WIDE, DESKTOP_FULL]

Defined in

packages/webapp-libs/webapp-core/src/theme/media.ts:20

Functions

getActiveBreakpoint

▸ getActiveBreakpoint(): MOBILE

Returns

MOBILE

Defined in

packages/webapp-libs/webapp-core/src/theme/media.ts:70

---

getBreakpointMediaQuery

▸ getBreakpointMediaQuery(breakpoint): string

Parameters

Name	Type
breakpoint	Breakpoint

Returns

string

Defined in

packages/webapp-libs/webapp-core/src/theme/media.ts:30

---

isDesktop

▸ isDesktop(): boolean

Returns

boolean

Defined in

packages/webapp-libs/webapp-core/src/theme/media.ts:65

---

isMobile

▸ isMobile(): boolean

Returns

boolean

Defined in

packages/webapp-libs/webapp-core/src/theme/media.ts:55

---

isTablet

▸ isTablet(): boolean

Returns

boolean

Defined in

packages/webapp-libs/webapp-core/src/theme/media.ts:60

---

media

▸ media(breakpoint, opts?): (styleTemplate: TemplateStringsArray, ...interpolations: Interpolation<any>[]) => RuleSet<object>

Parameters

Name	Type
breakpoint	Breakpoint
opts	Object
opts.landscape?	boolean
opts.retina?	boolean

Returns

fn

▸ (styleTemplate, ...interpolations): RuleSet<object>

Parameters

Name	Type
styleTemplate	TemplateStringsArray
...interpolations	Interpolation<any>[]

Returns

RuleSet<object>

Defined in

packages/webapp-libs/webapp-core/src/theme/media.ts:32