{"id":15180359,"url":"https://github.com/skem9/bootstrap-5-live-scss-builder","last_synced_at":"2026-03-01T01:34:41.285Z","repository":{"id":62472188,"uuid":"540804296","full_name":"Skem9/Bootstrap-5-Live-SCSS-Builder","owner":"Skem9","description":"Bootstrap 5.2.1 SASS/SCSS live editor that works within VSCode locally or on the web.","archived":false,"fork":false,"pushed_at":"2022-11-06T20:16:36.000Z","size":2844,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T02:44:04.213Z","etag":null,"topics":["bootstrap-5","bootstrap-editable","bootstrap5","gitpod","live-editor","sass","vscode","web-editor","wysiwyg"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Skem9.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-09-24T11:19:31.000Z","updated_at":"2022-10-15T05:28:27.000Z","dependencies_parsed_at":"2023-01-22T10:00:33.465Z","dependency_job_id":null,"html_url":"https://github.com/Skem9/Bootstrap-5-Live-SCSS-Builder","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Skem9%2FBootstrap-5-Live-SCSS-Builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Skem9%2FBootstrap-5-Live-SCSS-Builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Skem9%2FBootstrap-5-Live-SCSS-Builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Skem9%2FBootstrap-5-Live-SCSS-Builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Skem9","download_url":"https://codeload.github.com/Skem9/Bootstrap-5-Live-SCSS-Builder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240415215,"owners_count":19797599,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap-5","bootstrap-editable","bootstrap5","gitpod","live-editor","sass","vscode","web-editor","wysiwyg"],"created_at":"2024-09-27T16:04:07.146Z","updated_at":"2025-11-17T01:02:31.110Z","avatar_url":"https://github.com/Skem9.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Editor\nHoping to get a live SCSS/SASS editor working of BS5 through codepen.io\n\n## Currently works in VSCode with these extensions:\n\nkamikillerto.vscode-colorize\u003cbr\u003e\nbierner.color-info\u003cbr\u003e\n\u003cbr\u003e\nritwickdey.LiveServer\u003cbr\u003e\nglenn2223.live-sass\u003cbr\u003e\nmrmlnc.vscode-autoprefixer\u003cbr\u003e\n\u003cbr\u003e\npucelle.vscode-css-navigation\u003cbr\u003e\nSimple Browser\u003cbr\u003e\n\n## How to set up\n\nI have version 1.71.0 of VScoce installed.\u003cbr\u003e\nEnable the live previewer.\u003cbr\u003e\nEnable the above extensions, and turn on the live sass watcher.\u003cbr\u003e\n\nOnce you edit the Brandy/css.scss file it'll automatically update the preveiwer.\u003cbr\u003e\n\nTo 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.\n\nMore info to come soon.\u003cbr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskem9%2Fbootstrap-5-live-scss-builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskem9%2Fbootstrap-5-live-scss-builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskem9%2Fbootstrap-5-live-scss-builder/lists"}