SCSS

Document Styling and layout

SCSS allows you to style and change how the elements of a menu page look like.

Notes / unsupported features

  • Many CSS pseudo classes are supported, the only supported pseudo classes are :hover, :active, :enabled, :disabled
  • CSS custom properties (eg: --custom-property) are not supported, instead variables are defined in the top level stylesheet scope with this format: $<variable name>: <value>;
  • Despite SCSS being used a lot of SCSS features are not supported, such as functions, @import and @use, to name a few

Compatibility table

FeatureSupported?
@forNo
@ifYes
@eachNo
@functionNo
@returnNo
@continueNo
@breakNo
String interpolationNo
ListsYes
MapsNo
@use "scss:list";No
@use "scss:math";No
@use "scss:color";No
@use "scss:map";No
<, <=, >=, >, ==, != OperatorsYes
+, -, *, /, % OperatorsYes
and, or, not OperatorsYes

Colors

Information about colors and valid color values.

Units

List of supported measurement units

Style Properties

Supported CSS style properties.

Functions

SCSS/CSS functions