Vefþróun@Tækniskóli
← All projects/3 - The fundamentals/HTML & CSS - Tooling/Sass

Guide: HTML & CSS - Tooling/Sass

Description

Sass is a CSS pre-processor that adds a lot of nice and useful tools to CSS authoring. It has been widely used for years and shows no sign of going anyway. Even the newer styling technologies borrow from its concepts, which is why you will learn about this tool in this Guide.

Knowledge

  • Understand what are CSS pre-processors
  • Understand what is Sass

Skills

  • Be able to create Sass code and compile it into CSS
  • Be able to "watch" files with Sass

Topics

  • Sass
  • Sass CLI

Action Points

  • Study the basics of Sass
  • Create and compile Sass files to use in a project

Deliverable: Demos

  • Submit:
    • Glitch Project URL
      • Add comments for each relevant code block
    • Project description and details in the README.md file
  • Minimum requirements
    • At least 5 demos of aspects/tools of Sass you found useful
    • One page per topic, containing a demonstration of how it works
      • Include a README file to comment on the aspects you chose, if the explanation is not on the demo itself
    • Link pages via a menu