coc-css

Css language server extension for coc.nvim.

Uses vscode-css-languageservice inside.

Note: words are exetracted by iskeyword option of buffer, you may want to adjust it by command like:

autocmd FileType css setl iskeyword+=-

Note configuration css.enable and wxss support removed from 2.0.0.

Install

In your vim/neovim, run the command:

:CocInstall coc-css

For scss files, you may need use:

autocmd FileType scss setl iskeyword+=@-@

in your vimrc for add @ to iskeyword option.

Features

All features that vscode-css-languageservice provide should work.

• doValidation analyzes an input string and returns syntax and lint errros.
• doComplete provides completion proposals for a given location.
• doHover provides a hover text for a given location.
• findDefinition finds the definition of the symbol at the given location.
• findReferences finds all references to the symbol at the given location.
• findDocumentHighlights finds all symbols connected to the given location.
• findDocumentSymbols provides all symbols in the given document
• doCodeActions evaluates code actions for the given location, typically to fix a problem.
• findColorSymbols evaluates all color symbols in the given document
• doRename renames all symbols connected to the given location.
• getFoldingRanges returns folding ranges in the given document.
• format format css/scss/less files.

Configuration options

Checkout :h coc-configuration in your vim for guide of coc.nvim's configuration.

• css.execArgv: Extra arguments for node which start language server. default: []
• css.customData: default: []
• css.completion.triggerPropertyValueCompletion: By default, VS Code triggers property value completion after selecting a CSS property. Use this setting to disable this behavior. default: true
• css.completion.completePropertyWithSemicolon: Insert semicolon at end of line when completing CSS properties. default: true
• css.validate: Enables or disables all validations. default: true
• css.hover.documentation: Show tag and attribute documentation in CSS hovers. default: true
• css.hover.references: Show references to MDN in CSS hovers. default: true
• css.lint.compatibleVendorPrefixes: When using a vendor-specific prefix make sure to also include all other vendor-specific properties. default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.vendorPrefix: When using a vendor-specific prefix, also include the standard property. default: "warning"

Valid options: ["ignore","warning","error"]

• css.lint.duplicateProperties: Do not use duplicate style definitions. default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.emptyRules: Do not use empty rulesets. default: "warning"

Valid options: ["ignore","warning","error"]

• css.lint.importStatement: Import statements do not load in parallel. default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.boxModel: default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.universalSelector: default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.zeroUnits: No unit for zero needed. default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.fontFaceProperties: default: "warning"

Valid options: ["ignore","warning","error"]

• css.lint.hexColorLength: Hex colors must consist of three or six hex numbers. default: "error"

Valid options: ["ignore","warning","error"]

• css.lint.argumentsInColorFunction: Invalid number of parameters. default: "error"

Valid options: ["ignore","warning","error"]

• css.lint.unknownProperties: Unknown property. default: "warning"

Valid options: ["ignore","warning","error"]

• css.lint.validProperties: A list of properties that are not validated against the unknownProperties rule. default: []
• css.lint.ieHack: IE hacks are only necessary when supporting IE7 and older. default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.unknownVendorSpecificProperties: Unknown vendor specific property. default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.propertyIgnoredDueToDisplay: default: "warning"

Valid options: ["ignore","warning","error"]

• css.lint.important: default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.float: default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.idSelector: Selectors should not contain IDs because these rules are too tightly coupled with the HTML. default: "ignore"

Valid options: ["ignore","warning","error"]

• css.lint.unknownAtRules: Unknown at-rule. default: "warning"

Valid options: ["ignore","warning","error"]

• css.trace.server: Traces the communication between VS Code and the CSS language server. default: "off"

Valid options: ["off","messages","verbose"]

• css.format.enable: Enable/disable default CSS formatter. default: true
• css.format.newlineBetweenSelectors: default: true
• css.format.newlineBetweenRules: default: true
• css.format.spaceAroundSelectorSeparator: default: false
• css.format.braceStyle: default: "collapse"

Valid options: ["collapse","expand"]

• css.format.preserveNewLines: default: true
• css.format.maxPreserveNewLines: default: null
• scss.completion.triggerPropertyValueCompletion: By default, VS Code triggers property value completion after selecting a CSS property. Use this setting to disable this behavior. default: true
• scss.completion.completePropertyWithSemicolon: Insert semicolon at end of line when completing CSS properties. default: true
• scss.validate: Enables or disables all validations. default: true
• scss.hover.documentation: Show tag and attribute documentation in SCSS hovers. default: true
• scss.hover.references: Show references to MDN in SCSS hovers. default: true
• scss.lint.compatibleVendorPrefixes: When using a vendor-specific prefix make sure to also include all other vendor-specific properties. default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.vendorPrefix: When using a vendor-specific prefix, also include the standard property. default: "warning"

Valid options: ["ignore","warning","error"]

• scss.lint.duplicateProperties: Do not use duplicate style definitions. default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.emptyRules: Do not use empty rulesets. default: "warning"

Valid options: ["ignore","warning","error"]

• scss.lint.importStatement: Import statements do not load in parallel. default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.boxModel: default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.universalSelector: default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.zeroUnits: No unit for zero needed. default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.fontFaceProperties: default: "warning"

Valid options: ["ignore","warning","error"]

• scss.lint.hexColorLength: Hex colors must consist of three or six hex numbers. default: "error"

Valid options: ["ignore","warning","error"]

• scss.lint.argumentsInColorFunction: Invalid number of parameters. default: "error"

Valid options: ["ignore","warning","error"]

• scss.lint.unknownProperties: Unknown property. default: "warning"

Valid options: ["ignore","warning","error"]

• scss.lint.validProperties: A list of properties that are not validated against the unknownProperties rule. default: []
• scss.lint.ieHack: IE hacks are only necessary when supporting IE7 and older. default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.unknownVendorSpecificProperties: Unknown vendor specific property. default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.propertyIgnoredDueToDisplay: default: "warning"

Valid options: ["ignore","warning","error"]

• scss.lint.important: default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.float: default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.idSelector: Selectors should not contain IDs because these rules are too tightly coupled with the HTML. default: "ignore"

Valid options: ["ignore","warning","error"]

• scss.lint.unknownAtRules: Unknown at-rule. default: "warning"

Valid options: ["ignore","warning","error"]

• scss.format.enable: Enable/disable default SCSS formatter. default: true
• scss.format.newlineBetweenSelectors: default: true
• scss.format.newlineBetweenRules: default: true
• scss.format.spaceAroundSelectorSeparator: default: false
• scss.format.braceStyle: default: "collapse"

Valid options: ["collapse","expand"]

• scss.format.preserveNewLines: default: true
• scss.format.maxPreserveNewLines: default: null
• less.completion.triggerPropertyValueCompletion: By default, VS Code triggers property value completion after selecting a CSS property. Use this setting to disable this behavior. default: true
• less.completion.completePropertyWithSemicolon: Insert semicolon at end of line when completing CSS properties. default: true
• less.validate: Enables or disables all validations. default: true
• less.hover.documentation: Show tag and attribute documentation in LESS hovers. default: true
• less.hover.references: Show references to MDN in LESS hovers. default: true
• less.lint.compatibleVendorPrefixes: When using a vendor-specific prefix make sure to also include all other vendor-specific properties. default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.vendorPrefix: When using a vendor-specific prefix, also include the standard property. default: "warning"

Valid options: ["ignore","warning","error"]

• less.lint.duplicateProperties: Do not use duplicate style definitions. default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.emptyRules: Do not use empty rulesets. default: "warning"

Valid options: ["ignore","warning","error"]

• less.lint.importStatement: Import statements do not load in parallel. default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.boxModel: default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.universalSelector: default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.zeroUnits: No unit for zero needed. default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.fontFaceProperties: default: "warning"

Valid options: ["ignore","warning","error"]

• less.lint.hexColorLength: Hex colors must consist of three or six hex numbers. default: "error"

Valid options: ["ignore","warning","error"]

• less.lint.argumentsInColorFunction: Invalid number of parameters. default: "error"

Valid options: ["ignore","warning","error"]

• less.lint.unknownProperties: Unknown property. default: "warning"

Valid options: ["ignore","warning","error"]

• less.lint.validProperties: A list of properties that are not validated against the unknownProperties rule. default: []
• less.lint.ieHack: IE hacks are only necessary when supporting IE7 and older. default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.unknownVendorSpecificProperties: Unknown vendor specific property. default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.propertyIgnoredDueToDisplay: default: "warning"

Valid options: ["ignore","warning","error"]

• less.lint.important: default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.float: default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.idSelector: Selectors should not contain IDs because these rules are too tightly coupled with the HTML. default: "ignore"

Valid options: ["ignore","warning","error"]

• less.lint.unknownAtRules: Unknown at-rule. default: "warning"

Valid options: ["ignore","warning","error"]

• less.format.enable: Enable/disable default LESS formatter. default: true
• less.format.newlineBetweenSelectors: default: true
• less.format.newlineBetweenRules: default: true
• less.format.spaceAroundSelectorSeparator: default: false
• less.format.braceStyle: default: "collapse"

Valid options: ["collapse","expand"]

• less.format.preserveNewLines: default: true
• less.format.maxPreserveNewLines: default: null

License

MIT