Answers.Body: <p>Have you read <a href="https://craftcms.stackexchange.com/questions/14397/craft-loading-scss-references-rather-than-css">this</a>?</p>
  
  <p>SCSS needs to be compiled and the page is loaded with the compiled CSS files, the SCSS references are used only for easier debugging and development. Seeing a change during inspection, does not necessarily mean that the CSS file changed, maybe there was a compilation error or something.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-06-22T14:54:10.647Z
Answers.Text: I downloaded sass so I can compile. I tried to compile vars.scss, home.scss and career.scss files but still, the changes are not visible. I opened cmd and ran cd dir to the directory of sass. Then ran sass --version to test it and succeeded. Than I ran sass musa/project/vars.scss and seemed to have worked just fine. I did that to all the files needed compilation. Did I follow the correct steps to compile? If not, may you please advise me on the proper way to compile?
Answers.UserDisplayName: Jonathan Musa
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-06-26T07:09:14.250Z
Answers.Text: Ok, I have vars.scss in the main templates folder (craft/templates), in the _layouts folder I have home folder (craft/templates/_layouts/home/home.scss) and careers folder (craft/templates/_layouts/careers/careers.scss). The home.scss and careers.scss imports vars.scss. in the assets folder there is a bundle.css file (assets/bundle.css) that maps (assets/bundle.css.map) the the vars.scss. I tried to run sass --watch vars.scss:bundle.css and the entire styling of bundle.css was changed completely and the rest was broken. How do I compile without braking the rest of the styling?
Answers.UserDisplayName: Jonathan Musa
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-06-21T14:32:44.570Z
Answers.LastActivityDate: 2018-06-21T14:32:44.570Z
Answers.UserDisplayName: dustfeather
Body: <p>I am new on Craft CMS and it's the first CMS I am trying. Hey guys, I apologies is this question was asked before. I went through lot of articles and I didn't get anything helpful yet. I added  in home.html, made changes to var.scss and home.scss so that the background color of the  can be gray.</p>
  
  <p>When I open the project in the browser the  is not displaying but it's visible during inspection.</p>
  
  <p>How can I fix this problem?</p>
  
Tags: <templating>
Title: Changes made in home page not displaying
ThreadText: # Changes made in home page not displaying
  
  (Asked by: username_0 on 2018-06-21)
  
  I am new on Craft CMS and it's the first CMS I am trying. Hey guys, I apologies is this question was asked before. I went through lot of articles and I didn't get anything helpful yet. I added in home.html, made changes to var.scss and home.scss so that the background color of the can be gray.
  
  When I open the project in the browser the is not displaying but it's visible during inspection.
  
  How can I fix this problem?
  
  **Tags:** templating
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2018-06-21. Score: 1
  
  Have you read [this](https://craftcms.stackexchange.com/questions/14397/craft-loading-scss-references-rather-than-css)?
  
  SCSS needs to be compiled and the page is loaded with the compiled CSS files, the SCSS references are used only for easier debugging and development. Seeing a change during inspection, does not necessarily mean that the CSS file changed, maybe there was a compilation error or something.
  
  > **Comments:**
  > **username_0**: I downloaded sass so I can compile. I tried to compile vars.scss, home.scss and career.scss files but still, the changes are not visible. I opened cmd and ran cd dir to the directory of sass. Then ran sass --version to test it and succeeded. Than I ran sass username_0/project/vars.scss and seemed to have worked just fine. I did that to all the files needed compilation. Did I follow the correct steps to compile? If not, may you please advise me on the proper way to compile?  
  > **username_0**: Ok, I have vars.scss in the main templates folder (craft/templates), in the _layouts folder I have home folder (craft/templates/_layouts/home/home.scss) and careers folder (craft/templates/_layouts/careers/careers.scss). The home.scss and careers.scss imports vars.scss. in the assets folder there is a bundle.css file (assets/bundle.css) that maps (assets/bundle.css.map) the the vars.scss. I tried to run sass --watch vars.scss:bundle.css and the entire styling of bundle.css was changed completely and the rest was broken. How do I compile without braking the rest of the styling?  
  
  ---
  
  