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.

Name		Name	Last commit message	Last commit date
Latest commit History 51 Commits
.vscode		.vscode
Brandy		Brandy
assets		assets
previews		previews
z-BS5-scss		z-BS5-scss
z-bootswatch		z-bootswatch
.browserslistrc		.browserslistrc
.gitignore		.gitignore
.gitpod.Dockerfile		.gitpod.Dockerfile
.gitpod.yml		.gitpod.yml
.pre-commit-config.yaml		.pre-commit-config.yaml
LICENSE		LICENSE
README.md		README.md
buildkitd.toml		buildkitd.toml
cspell.json		cspell.json
fiveserver.config.js		fiveserver.config.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json

License

Skem9/Bootstrap-5-Live-SCSS-Builder

Folders and files

Latest commit

History

Repository files navigation

Editor

Currently works in VSCode with these extensions:

How to set up

About

Topics

Resources

License

Stars

Watchers

Forks

Languages