Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

main.scss is not updating index.html #17

Open
BRob05 opened this issue Jan 27, 2020 · 3 comments
Open

main.scss is not updating index.html #17

BRob05 opened this issue Jan 27, 2020 · 3 comments

Comments

@BRob05
Copy link

BRob05 commented Jan 27, 2020

In the second video @ 8:24 where Brad is adding css to the main.scss, my index.html isn't updating the formatting changes. I've closed VS code and issued the run npm sass statement multiple times already, along with stopping and starting Live server, all to no avail. Any suggestions on what I can do?
@DeepakTDK
Copy link

kinda facing the same problem. After making the menu btn to rotate nothing is updating after that. i've
run npm sass a couple of times even after that nothing is updating in the localhost. Any suggestions .

@Gimyk
Copy link

Gimyk commented Feb 9, 2020

@BRob05 An easier way to compile SCSS to CSS is to use VS code extension called "Live Sass compiler".
The extension compiles scss to css and then you can link your html to the css file that's creasted.
Be sure to click on "watch my sass" at the bottom on the vs code window to start compiling

@mcleodtech
Copy link

I saw this was still open, and wanted to help a bit. Did you add the code to your index.html <head> tags? The way he shows it is:
<link rel="stylesheet" href="css/main.css"></link>

This links to the folder dist>css and that's where the SASS file puts the actual CSS file. Make sure you link the CSS file in your index.html and not the SASS file.

I've had some issues of the CSS not updating properly but if I open the HTML file and save that to update the live server, that's helped make sure things get updated on the page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@BRob05 @DeepakTDK @Gimyk @mcleodtech