CSS Styling

Document Styling and layout

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

Notes / unsupported features

  • All CSS pseudo classes are supported!
  • 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
  • CSS Pseudo elements (eg :placeholder, :first-letter, :first-line) are not supported.

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. (Not all supported properties are listed.)

Functions

SCSS/CSS functions