/sassPractice

Reference for basic Sass styling, functions and features of the Sass compilation language

Primary LanguageSCSS

Sass Practice

The purpose of this project is to provide a reference for Sass styling, functions, and features of the Sass precompilation language.

Setup with VS Code Plugin Live Sass Compiler

In this project I used a built-in precompiler library that works with VS Code text-editor called Live Sass Compiler. Instructions on how to watch code for changes are found in the link to the plugin. To create settings and direct where CSS compiles to, as well if it should be minified, or compressed follow the instructions on the plugin GitHub repo.

Options for Frameworks

There are other options available which work well to compile your Sass into CSS.

  • Susy - helps to define columns, gutters, and how grid layout should look
  • Breakpoint - creates media queries for responsive design
  • Compass - colors, typography, CSS3 helpers