Convert CSS to Sass

[philschanely]

No description provided.

[philschanely]

Good work setting up Sass. I've reorganized site assets into a new src folder and added package.json which allows you to batch the scripts for watching sass and browser sync. So pull my changes and then in terminal and from your project root folder run npm install to get all the dependencies. Only need that one time. Form there any time you want to run the site run npm start to start browser sync and sass.

Keep pushing on your Sass by:

• Making more use of variables to centralize values you use frequently
• Making use of mixins to cut down on combinations of settings you use frequently
• Break up into separate files. Note that a model to consider is to break up into a series of other files that you place in sass/ and start with _ and the beginning of the name. For example you might break up by breakpoints and have sass/_base.scss, sass/_tablet.scss, and sass/_desktop.scss. Then in your styles.scss file you would essentially have moved everything to separate files and can then just import them there with:

  @import 'base';
  @import 'tablet';
  @import 'desktop';

  No requirement to use these specific files; you can organize however you'd like.