
In case new CSS classes are defined, or new CSS files are added to the workspace, and you also want auto-completion for them, just hit the lightning icon on the status bar. If there are HTML or JS files on your workspace, the extension automatically starts and looks for CSS class definitions.
Fix interpretation of classes defined inside media queries.Ĭheck out the changelog for the current and previous updates.
Settings to allow users to specify which language modes will have autocompletion. Look for an issue you're interested in working on, comment on it to let me know you're working on it and submit your pull request! :D What's new in version 1.20 (Dec 19, 2020) You can request new features and contribute to the extension development on its repository on GitHub. Emmet abbreviations support triggered by typing a "." (comes disabled by default, check the User Settings topic for more information). "className" and "class" in TypeScript React, JavaScript and JavaScript React language modes. directive in CSS, SASS and SCSS Files for Tailwind CSS. The language modes listed in the previous section are already defined as default values in these settings, and you can add new ones or remove the already defined ones as necessary. html-css-class-completion.JavaScriptLanguages is for JavaScript based languages supporting the class or className attribute. html-css-class-completion.CSSLanguages currently is for languages like CSS, Sass and Scss, this one is not very useful right now because it only supports the function. html-css-class-completion.HTMLLanguages is for language modes based on HTML, the ones you have the class attribute. There are three settings for this feature: It's possible to specify which language modes will have autocompletion. Embedded Ruby (.html.erb) Įxtended Support for Other Language Modes. User Settings to override which folders and files should be considered or excluded from the caching process. Command to manually re-cache the class definitions used in the autocompletion. Supports external stylesheets referenced through link elements in HTML files. Gives you autocompletion for CSS class definitions that can be found in your workspace (defined in CSS files or the in the file types listed in the Supported Language Modes section). A Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element.