https://github.com/skem9/bootstrap-5-live-scss-builder

Bootstrap 5.2.1 SASS/SCSS live editor that works within VSCode locally or on the web.
https://github.com/skem9/bootstrap-5-live-scss-builder

bootstrap-5 bootstrap-editable bootstrap5 gitpod live-editor sass vscode web-editor wysiwyg

Last synced: 6 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/skem9/bootstrap-5-live-scss-builder
• Owner: Skem9
• License: mit
• Created: 2022-09-24T11:19:31.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-06T20:16:36.000Z (almost 2 years ago)
• Last Synced: 2024-09-27T16:03:35.998Z (6 days ago)
• Topics: bootstrap-5, bootstrap-editable, bootstrap5, gitpod, live-editor, sass, vscode, web-editor, wysiwyg
• Language: SCSS
• Homepage:
• Size: 2.71 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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.