Topics / Problem set

With a design chosen, it’s time to get your Sass tooling setup as well as your initial Sass files/variables:

• Create a 7-1 architecture for your template and have a least the following scss files with css defined:
  • main.scss
  • variables.scss
  • reset.scss
  • typography.scss
  • flex-grid in your vendors folder
  • home.scss OR elements.scss OR default_page.scss
  • your first component scss (solving your first layout problem)
• collect and organize as many assets as you can
  • images to be used in an image folder
  • icon library attached to html
  • font css attached to html and named in the typography.scss
  • palette colors chosen and named in your variables.scss
• Have node-sass installed and a script that’s compiled your scss into a style.css file.

For the blog

Describe how it went setting up your tooling, and write to which piece of layout you’re choosing to solve first and how you did it.