GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ ritwickdey β†’ Vscode Live Sass Compiler

ritwickdey / Vscode Live Sass Compiler

Licence: mit
Compile Sass or Scss file to CSS at realtime with live browser reload feature.

Programming Languages

typescript
32286 projects

Labels

scsssassvscodevscode-extension

Projects that are alternatives of or similar to Vscode Live Sass Compiler

Vscode Stylelint
A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint
Stars: ✭ 260 (-46.72%)
Mutual labels:  vscode, vscode-extension, scss, sass
Vscode Scss
πŸ”Œ IntelliSense for Variables, Mixins and Functions in all Sass (SCSS syntax only) files.
Stars: ✭ 128 (-73.77%)
Mutual labels:  vscode, vscode-extension, scss
Vscode One Monokai
🎨 Vscode One Monokai theme.
Stars: ✭ 214 (-56.15%)
Mutual labels:  vscode, vscode-extension, scss
Adminkit
🧰 AdminKit is a free & open source Bootstrap 5 Admin Template
Stars: ✭ 395 (-19.06%)
Mutual labels:  scss, sass
Trunk
Build, bundle & ship your Rust WASM application to the web.
Stars: ✭ 378 (-22.54%)
Mutual labels:  scss, sass
Iceworks
Visual Intelligent Development PackοΌˆε―θ§†εŒ–ζ™Ίθƒ½εΌ€ε‘ε₯—δ»ΆοΌ‰
Stars: ✭ 390 (-20.08%)
Mutual labels:  vscode, vscode-extension
Sass Loader
Compiles Sass to CSS
Stars: ✭ 3,718 (+661.89%)
Mutual labels:  scss, sass
Vscode Es7 Javascript React Snippets
Extension for Javascript/React snippets with search supporting ES7 and babel features
Stars: ✭ 435 (-10.86%)
Mutual labels:  vscode, vscode-extension
Vscode Syncing
⚑️ VSCode Extension - Sync all of your VSCode settings across multiple devices.
Stars: ✭ 395 (-19.06%)
Mutual labels:  vscode, vscode-extension
Edamagit
Magit for VSCode
Stars: ✭ 440 (-9.84%)
Mutual labels:  vscode, vscode-extension
Vscode R
R Extension for Visual Studio Code (execution, snippet, lint, R documantation, R Markdown)
Stars: ✭ 445 (-8.81%)
Mutual labels:  vscode, vscode-extension
Typesettings
A Sass or Stylus toolkit that sets type in Ems based on modular scale, vertical rhythm, and responsive ratio based headlines.
Stars: ✭ 380 (-22.13%)
Mutual labels:  scss, sass
Awesome Vscode
🎨 A curated list of delightful VS Code packages and resources.
Stars: ✭ 19,659 (+3928.48%)
Mutual labels:  vscode, vscode-extension
Motherplate
A bare bones responsive SCSS boilerplate for web designers
Stars: ✭ 392 (-19.67%)
Mutual labels:  scss, sass
Magento2 Theme Blank Sass
SASS based version of Magento 2 Blank theme
Stars: ✭ 373 (-23.57%)
Mutual labels:  scss, sass
Vscode Graphql
VSCode GraphQL extension (autocompletion, go-to definition, syntax highlighting)
Stars: ✭ 435 (-10.86%)
Mutual labels:  vscode, vscode-extension
Gistpad
VS Code extension for managing and sharing code snippets, notes and interactive samples using GitHub Gists
Stars: ✭ 443 (-9.22%)
Mutual labels:  vscode, vscode-extension
Progress Tracker
A HTML component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.
Stars: ✭ 461 (-5.53%)
Mutual labels:  scss, sass
Chat
Chat with your team while you collaborate over code using VS Live Share
Stars: ✭ 468 (-4.1%)
Mutual labels:  vscode, vscode-extension
Chrome Vs Code
A web browser integrated in VS Code editor tabs. ☒️ experimental ☒️
Stars: ✭ 351 (-28.07%)
Mutual labels:  vscode, vscode-extension
View All Similar Projects βž”

[I'm sorry but I'm now super busy, If you want to be a maintainer of the project please feel me to contact me! You've to be passionate about programming]

Live Sass Compiler

[If you like the extension, please leave a review, it puts a smile on my face.]

[If you found any bug or if you have any suggestion, feel free to report or suggest me.]

VSCode Marketplace Badge Total Install Avarage Rating Badge GitHub license

A VSCode Extension that help you to compile/transpile your SASS/SCSS files to CSS files at realtime with live browser reload.

App Preview

Usage/Shortcuts

  1. Click to Watch Sass from Statusbar to turn on the live compilation and then click to Stop Watching Sass from Statusbar to turn on live compilation . Statusbar control

  2. Press F1 or ctrl+shift+P and type Live Sass: Watch Sass to start live compilation or, type Live Sass: Stop Watching Sass to stop a live compilation.

  3. Press F1 or ctrl+shift+P and type Live Sass: Compile Sass - Without Watch Mode to compile Sass or Scss for one time.

Features

  • Live SASS & SCSS Compile.
  • Customizable file location of exported CSS.
  • Customizable exported CSS Style (expanded, compact, compressed, nested).
  • Customizable extension name (.css or .min.css).
  • Quick Status bar control.
  • Exclude Specific Folders by settings.
  • Live Reload to browser (Dependency on Live Server extension).
  • Autoprefix Supported (See setting section)

Installation

Open VSCode Editor and Press ctrl+P, type ext install live-sass.

Settings

All settings are now listed here Settings Docs.

FAQ

All FAQs are now listed here FAQ Docs

Extension Dependency

This extension has dependency on Live Server extension for live browser reload.

What's new ?

  • Version 3.0.0 (11.07.2018)

    • Upgrade sass.js library that included fixes for 8 digit Hex code & grid name. [Fixes #39, #40, #78]

Changelog

To check full changelog click here changelog.

LICENSE

This extension is licensed under the MIT License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].