Giter Site home page Giter Site logo

vunguyentuan / vscode-cssvar Goto Github PK

View Code? Open in Web Editor NEW

This project forked from willofindie/vscode-cssvar

0.0 0.0 0.0 1000 KB

VSCode extension to support CSS Variables Intellisense

Home Page: https://marketplace.visualstudio.com/items?itemName=phoenisx.cssvar

License: MIT License

JavaScript 11.53% TypeScript 88.11% CSS 0.22% SCSS 0.14%

vscode-cssvar's Introduction

CssVar Icon

CSS Variables

Please vote/rate and star this project to show your support. ❤️

        
  

💡 Features:

This extension helps provide autocompletion IntelliSense for globally shared CSS Variables and more.

How the extension works:

  • When adding a new CSS declaration property value, press --.
  • This opens a completion list dropdown, with all the CSS variables in the list.
  • Select and add the variable of your choice, to autocomplete.

Auto Completion, Color swatches, Goto Definition

This extension has in-built support for parsing: css, scss, less, js, jsx, ts, tsx source file extensions and providing CSS variable suggestions from them.

Details can be read in Customization Doc.

Autocomplete, Color Swatches Variables Goto Definition


Customization

If your project uses sass or styl or some other custom source file extension, and you are facing issues to setup this VSCode extension, please read Customization Doc.


Theme Support

Read more about Theming here

Theming Exclude Duplicates


CSS Level 4 color spec support

Limited support to keep bundle size small.
Except for color()` api, every other CSS color is supported. Please find details for CSS colors here in MDN Docs


🔖 Appendix:





Phoenisx Sponsors

vscode-cssvar's People

Contributors

phoenisx avatar casderooij avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.