SASS - SETUP

    // Sass
    CSS Extension Language - Gives CSS superpowers

    //SETUP
    IN Code Editor Visual Studio Code:
    Live Sass Compiler 
    Live Server

    // Sass
    CSS Extension Language - Gives CSS superpowers

    //SETUP
    IN Code Editor Visual Studio Code:
    Live Sass Compiler 
    Live Server


    //Instal Live Sass Compiler
    Then go to settings > Live Sass > Formats > Edit in settings. json: Save location options and add this instead of default
    
    {
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "/dist/css"
    }

   

    // Creation
    It creates a new folder and files for css automatically.
    Click on Watch sass at the bottom of VSC

    // SYNTAXES
    SCSS SYNTAX
    INDENTED SYNTAX (not curly braces)

    // SYNTAXES
    You can use normal css in SCSS
    NEVER change the css created automatically !