🎠 SuperQuery

Global

Members

<constant> defaultBreakpoints

Removed from the great work of Bootstrap 4. All values are defined in pixels (without the suffix px), to be further converted to em unit.

See:
Example
{
 xs: 0
 sm: 576
 md: 768
 lg: 992
 xl: 1200
}

<constant> defaultBreakpoints

Removed from the great work of Bootstrap 4. All values are defined in pixels (without the suffix px), to be further converted to em unit.

See:
Example
{
 xs: 0
 sm: 576
 md: 768
 lg: 992
 xl: 1200
}

<constant> initialLogicalOperator

Used in the first condition of the <media_query> media_query: [[only | not]? <media_type> [ and ]*]

Example
not
only

<constant> initialLogicalOperator

Used in the first condition of the <media_query> media_query: [[only | not]? <media_type> [ and ]*]

Example
not
only

<constant> logicalOperator

Used to join in the <media_query> expression: ( <media_feature> [: ]? ) media_query: [ and ]*

Example
and
or

<constant> logicalOperator

Used to join in the <media_query> expression: ( <media_feature> [: ]? ) media_query: [ and ]*

Example
and
or

<constant> mediaFeature

Used to set syntax expression: ( <media_feature> [: ]? )

Example
width | min-width | max-width
height | min-height | max-height
device-width | min-device-width | max-device-width
device-height | min-device-height | max-device-height
aspect-ratio | min-aspect-ratio | max-aspect-ratio
device-aspect-ratio | min-device-aspect-ratio | max-device-aspect-ratio
color | min-color | max-color
color-index | min-color-index | max-color-index
monochrome | min-monochrome | max-monochrome
resolution | min-resolution | max-resolution
| scan | grid

<constant> mediaFeature

Used to set syntax expression: ( <media_feature> [: ]? )

Example
width | min-width | max-width
height | min-height | max-height
device-width | min-device-width | max-device-width
device-height | min-device-height | max-device-height
aspect-ratio | min-aspect-ratio | max-aspect-ratio
device-aspect-ratio | min-device-aspect-ratio | max-device-aspect-ratio
color | min-color | max-color
color-index | min-color-index | max-color-index
monochrome | min-monochrome | max-monochrome
resolution | min-resolution | max-resolution
| scan | grid

<constant> mediaTypes

Target all, one or more specific device

Example
all | aural | braille | handheld | print |
projection | screen | tty | tv | embossed

<constant> mediaTypes

Target all, one or more specific device

Example
all | aural | braille | handheld | print |
projection | screen | tty | tv | embossed

<constant> screenOrientation

Required to track orientation change on mobile devices

Example
 landscape, portrait

<constant> screenOrientation

Required to track orientation change on mobile devices

Example
 landscape, portrait