This video is SO GOOD. I like how you go through all the steps you need to take to get it set up, then explain how to do it and why you don’t do it a different way. Thank you for eliminating all the confusion!
This has been the most helpful tutorial. All the other ones that i've watch have explained much about the SASS complier and the expected behavior. Super well rounded and helpful, thanks so much. :-)
This video has 47k views but only 214 subs. That's ridiculous. Anyway, this was an excellent tutorial. You're one of the rare content creators who are actually good teachers. It would be amazing to see more content from you.
I'm Korean and I was having a hard time customizing bootstrap during the current side project. I studied only the backend. which I don't know what JavaScript grammar or scss is, and I don't even know English!. But I got a good sense of how to do it after watching this video. Thank you very much!!!!
Is it possible to have these new custom rules written on an additional CSS sheet where inside I can only find the new custom rules added without having to overwrite the 100,000 lines of code of the original BS5?
VERY HELPFUL!! THANKS :) I don't have VB so I used the CDM terminal to install SASS "npm install -g sass" and to compile the files "sass main.scss main.css".
I have changed the Primary color by following your method. Color changed everywhere but its not changing the input focus shadow color according to the primary color that I changed. Can you help me?
I have imported the file successfully but when I changed the color It can not change but ..... It remains the same ,...... I have to go to html and change it as inline style
Oh for sure. I wanted to show how to change the colors using BOOTSTRAP, though. But yeap, npm'ing SASS and watch it for changes would be better if you only want to use raw SASS. Many people use Bootstrap only for CSS and use the same color over and over in all their projects. You can change that behavior from within the files. Thank you @Said Fekih
Im stuck at the first command in the terminal, i keep getting "The term 'sass' is not recognized as the name of a cmdlet" is there something i require before i can run this command ?
Since the main.css is all the css that is loaded. you just stop the watcher, and you can delete everthing except the main.css, if you want to push your code to git or something.
Would you mind letting me know what the value is of Sass (or scss) compared to normal CSS? Can not all (or nearly all) of these changes be made by CSS? The CSS that I learned has plenty of control of the appearance of web elements, furthermore, CSS is far more direct in its programming and implementation. I can see from your video that Sass works, however I just can not understand the purpose of using Sass over CSS.
Changing the defaults defeats the purpose of defaults. If you update bootstrap, you lose the changes. You should override the properties in your own file then import bootstrap.
You're right. I explain that in the video. You can have the defaults of Bootstrap and import everything on a file that is exporting your CSS. You can override the variables you want without changing the ones you want it keep.
Are you enjoying SASS in 2020? What's your favorite SASS tweak on Bootstrap thus far? Let me know!
This video is SO GOOD. I like how you go through all the steps you need to take to get it set up, then explain how to do it and why you don’t do it a different way. Thank you for eliminating all the confusion!
This has been the most helpful tutorial. All the other ones that i've watch have explained much about the SASS complier and the expected behavior. Super well rounded and helpful, thanks so much. :-)
Exactly what I needed. SASS was worrying me, but this makes it so simple! Thank you!!
This video has 47k views but only 214 subs. That's ridiculous. Anyway, this was an excellent tutorial. You're one of the rare content creators who are actually good teachers. It would be amazing to see more content from you.
I'm Korean and I was having a hard time customizing bootstrap during the current side project. I studied only the backend. which I don't know what JavaScript grammar or scss is, and I don't even know English!. But I got a good sense of how to do it after watching this video. Thank you very much!!!!
Is it possible to have these new custom rules written on an additional CSS sheet where inside I can only find the new custom rules added without having to overwrite the 100,000 lines of code of the original BS5?
hi whenever i run the code in terminal it shows me the error 'bash: sass: command not found'
when I tried to use the terminal. why am I getting an error.? is there something that I need to do before I run the Terminal?
How to add custom color for button :hover style similar method ?
VERY HELPFUL!! THANKS :) I don't have VB so I used the CDM terminal to install SASS "npm install -g sass" and to compile the files "sass main.scss main.css".
Thank you!! Very helpful and clear tutorial, just what I needed!
I have changed the Primary color by following your method. Color changed everywhere but its not changing the input focus shadow color according to the primary color that I changed. Can you help me?
I have imported the file successfully but when I changed the color
It can not change but ..... It remains the same ,......
I have to go to html and change it as inline style
Perfect and very precise, it helped a LOOOOT!!
Warm greetings from Brasil.
The sass comand dont work for me
You can use "sass main.scss main.css --watch" instead of the downloading this plugin.
Oh for sure. I wanted to show how to change the colors using BOOTSTRAP, though. But yeap, npm'ing SASS and watch it for changes would be better if you only want to use raw SASS. Many people use Bootstrap only for CSS and use the same color over and over in all their projects. You can change that behavior from within the files.
Thank you @Said Fekih
Awesome video. When you clicked new terminal how did the path pointed directly to the folder you are working?
After clicking on "terminal," then type in "cd" which indicates change of directory (i.e., folder) or file you are planning to work on.
Very insightful video, thanks for explaining the whole process.
that's so helpful, thank you man👍👍
Im stuck at the first command in the terminal, i keep getting "The term 'sass' is not recognized as the name of a cmdlet" is there something i require before i can run this command ?
Did you install the live sass compiler?
@@AccessCode101 I did
@@finchaser Did you click on Watch SASS in the vs code taskbar?
@@AccessCode101 yep i did still didn't work, i figured out a workaround
@@finchaser hi!, how did you solve that issue?, I´m having the same problem
Hey,
windows + arrows
In order to make 2 windows :)
nice video btw
great video!
So after everything gets compiled/imported into the main.css, its okay to delete all the other files? To make it faster?
Since the main.css is all the css that is loaded. you just stop the watcher, and you can delete everthing except the main.css, if you want to push your code to git or something.
THANK YOU SO MUCH!
Need help to that
You are the best, Thank You
Thank YOU!
thanks , it helps a lot !
Thank you so much really helped me
Would you mind letting me know what the value is of Sass (or scss) compared to normal CSS? Can not all (or nearly all) of these changes be made by CSS? The CSS that I learned has plenty of control of the appearance of web elements, furthermore, CSS is far more direct in its programming and implementation. I can see from your video that Sass works, however I just can not understand the purpose of using Sass over CSS.
Sass has many functions that make writing css much easier. Nesting, variables, if-statements, mixins and etc...
thank you. Great explaining
Changing the defaults defeats the purpose of defaults. If you update bootstrap, you lose the changes. You should override the properties in your own file then import bootstrap.
You're right. I explain that in the video. You can have the defaults of Bootstrap and import everything on a file that is exporting your CSS. You can override the variables you want without changing the ones you want it keep.
so this is not the right way?
Great job thanks!
thanks a lot
thank you guy
Cuz i downloaded the zip folder
And picked
Dist
Js
Scss
it is not recommended to substitute in raw scss files!
True. Unless you download it and create your own file that exports it to CSS.
Thanks!
@@AccessCode101 true as well😊👌
My OCD can't deal with the mess on your desktop haha, thank you for the video though
Yeap. And I clean it up every months, but still.
Cool!!!
Thanks dude
banger
that's ok
really? why you slamming keys man wtf
1st
easy to hear you out , not speak very fast like other programmer 😭😭🫡