Co potřebujeme:
* Node.js s npm
1) nainstalujeme bootstrap
npm install bootstrap
2) nainstalujeme sass (g ... globaly, nemusíme řešit cestu)
npm install sass -g
=> v adresáři node-modules se nám vytvořil adresář bootstrap
4) vytvoříme soubor custom.scss s následujícím obsahem a cestou k nainstalovanému bootstrapovému scss:
(můžeme importovat jen ty části bootsrapu, které opravdu používáme)
//custom.scss
$primary: teal;
$secondary: green;
@import "../node_modules/bootstrap/scss/bootstrap";
5) vytvoříme html, abychom viděli výsledek (dole pod čarou)
6) zprocesujeme náš scss soubor pomocí sass:
sass moje.scss:novy_bootstrap.css
7) použijeme nově vytvořené css (novy_bootstrap.css) místo původního bootstrapu
* ve VS CODE je plugin Live Sass Compiler
==============================================
Welcome! Customize Bootstrap with Sass