Skip to content

Bootstrap 5.2.1 SASS/SCSS live editor that works within VSCode locally or on the web.

License

Notifications You must be signed in to change notification settings

Skem9/Bootstrap-5-Live-SCSS-Builder

Repository files navigation

Editor

Hoping to get a live SCSS/SASS editor working of BS5 through codepen.io

Currently works in VSCode with these extensions:

kamikillerto.vscode-colorize
bierner.color-info

ritwickdey.LiveServer
glenn2223.live-sass
mrmlnc.vscode-autoprefixer

pucelle.vscode-css-navigation
Simple Browser

How to set up

I have version 1.71.0 of VScoce installed.
Enable the live previewer.
Enable the above extensions, and turn on the live sass watcher.

Once you edit the Brandy/css.scss file it'll automatically update the preveiwer.

To have the live previewer update within the editor, press F1 and type in Simple Browser, and start that. Copy / paste the url from the live previewer into the somple browser url bar and you'll have the live previewer update within the editer white you type.

More info to come soon.