Resolving CSS Variables

With this feature enabled, the CSS variable will be replaced with the actual value in the output. In other words, you will not see the var(--[VariableName]) instance. However, this will be done only if the CSS variable is declared in the :root or html selector.

How to Resolve CSS Variables

  1. Open an HTML5 target.
  2. Select the Advanced tab.

  3. Select Resolve CSS variables (recommended), if it is not already selected.

  4. Click Save the active file. to save your work.

Note This option is not included in Eclipse and HTML Help targets, because the feature is always enabled for those outputs.