Public Distribution of Dreamweaver CSS Syntax Validation Definition

Report · Dec 22, 2024

This is a property sheet for Dreamweaver's CSS editor to disable warnings related to custom properties and universal selectors.
I created this because the warnings are annoying.

Note: To enable custom properties, warnings for non-existent (undefined in CSS) properties will also be disabled.

For example, the following warnings (like "Expected RBRACE at line xxxxxxx") will be disabled:

:root {
    --cfw-body-font-color: #000; // ← Warning here
}

@keyframes blinking { // ← Warning here
    0% {
        opacity: 0.1;
        color: var(--cfw-theme-font-color); // ← Warning here
    }
    100% {
        opacity: 1;
        color: var(--cfw-color-red); // ← Warning here
    }
}

.ql-editor ul[data-checked=true] > li *, // ← Warning here
.ql-editor ul[data-checked=false] > li * { // ← Warning here
    pointer-events: all;
}

How to Configure (DW21.x)

Windows:

Go to [Edit] > [Preferences] > [Syntax Checking].
Select "CSS" in the "Root Set" and edit.

Mac:

Go to [Dreamweaver] > [Preferences] > [Syntax Checking].
Select "CSS" in the "Root Set" and edit.

Instructions:

Replace the settings with the following configuration:
Make sure to back up the original text before overwriting.

{
  "important": false,
  "adjoining-classes": false,
  "known-properties": false, // Allow unknown properties (enable custom properties)
  "box-sizing": false,
  "box-model": false,
  "overqualified-elements": false,
  "display-property-grouping": false,
  "bulletproof-font-face": false,
  "compatible-vendor-prefixes": false,
  "regex-selectors": true,
  "errors": false,
  "duplicate-background-images": false,
  "duplicate-properties": true,
  "empty-rules": false,
  "selector-max-approaching": false,
  "gradients": false,
  "fallback-colors": false,
  "font-sizes": false,
  "font-faces": true,
  "floats": true,
  "star-property-hack": false,
  "outline-none": false,
  "import": false,
  "ids": false,
  "underscore-property-hack": false,
  "rules-count": false,
  "qualified-headings": false,
  "selector-max": false,
  "shorthand": false,
  "text-indent": false,
  "unique-headings": false,
  "universal-selector": false, // Allow universal selector (*)
  "unqualified-attributes": true,
  "vendor-prefix": false,
  "zero-units": false
}

Disclaimer:

Use this at your own risk.

For JavaScript Warnings:

Instructions for disabling JavaScript syntax warnings can be found at the following link:
Dreamweaver JavaScript Syntax Validation Public Distribution