Skip to content
This repository has been archived by the owner on Feb 27, 2023. It is now read-only.

Latest commit

 

History

History
20 lines (11 loc) · 954 Bytes

compile-scss-instructions.md

File metadata and controls

20 lines (11 loc) · 954 Bytes

Building SCSS with VS Code

  • Create a file with a .scss extension. For example, skin.scss.

  • Open the VS Code Extension manager, on the left.

    Extension Manager icon in Visual Studio Code

  • Search for the Easy SASS extension and install it. Click the "Reload" button.

    Search for easy sass

  • Edit your .scss file and save it.

  • After saving your file, Easy Sass will create another file next to it, with a .min.css extension. This is the compiled code, ready to include in index.html.

    The compiled CSS file

  • In your html, include the compiled code using a link tag. In the case of css-skin, replace skin.css with skin.min.css and remove the skin.css file, in order to avoid confusion.

    Incliuding the compiled CSS file in your HTML