Scribd
Upload
12 views5 pages

Sass

Uploaded by

thiago.aju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
12 views5 pages

Sass

Uploaded by

thiago.aju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

SASS

Taught by Yossef Ayman Zedan


Installing Sass
■ Run “ npm install -g sass “ in terminal if you use mac, and command line if
you use windows or linux
How to use Bootstrap Sass
■ Create folder with index.html, style.css, main.scss. JS is not required to edit
Sass. But we will use it to add the features of the JS
■ Open the folder in terminal or command line by dragging it inside them
■ Run first “ npm init ”
■ Run “ npm install bootstrap ”
■ Go to package.json and add "watch-sass": "node-sass -w main.scss
style.css” to the scripts instead of test
How to use Bootstrap Sass
How to use Bootstrap Sass
■ Go to main.scss and add what you need to use within your Sass editor:
https://getbootstrap.com/docs/5.1/customize/sass/
■ Usually, I use @import "node_modules/bootstrap/scss/bootstrap"; to
import all bootstrap CSS
■ Just save and check out the style.css to find all bootstrap CSS imported
■ Edit what you want 

You might also like