vscode-sintax

VSCode Language support for sin.

Features

• Literal syntax highlighting
• Icon contribution for sin.lock
• Configuration options for customizing colors and excluding tags

CSS Literals

The extensions uses the Decoration API to apply syntax highlighting within CSS literals. You can customize the colors via preference settings.

{
  "sin.css.colors": {
    "properties": "",
    "selectors": "",
    "functions": "",
    "units": "",
    "queries": "",
    "attrs": "",
    "units": "",
    "punctuation": "",
    "numbers": "",
    "pseudo": "",
    "comments": "",
    "colors": ""
  }
}

Tag Exclusions

By default, the extension will perform analysis on tagged template function literals. It will look for syntactical matches which represent sin css structures but it may not always get things right. You can set tag exclusions to prevent analysis from occurring on specific tags using the sin.css.exclude preference settings.

{
  // The extension uses the following defaults
  "sin.css.exclude": ["sql", "html", "css", "gql"]
}