Coc-css NPM | npm.io

coc-css

Css language server extension for coc.nvim.

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