Vizualizare sursă pentru „Sass”

=Introducere=
Sass sau "Syntactically Awesome Style Sheets" e o extensie CSS. Pe măsură ce directivele pentru stiluri (CSS stylesheets) au devenit din ce în ce mai mari, mai complexe și mai dificil de administrat, a fost simțită nevoia unei platforme care să adreseze toate aceste probleme. Sass oferă posibilitatea de a utiliza funcționalități care nu există în CSS precum variabilele, reguli imbricate (nested rules), mixine, moștenire, funcții native și altele.
=Utilizare=
==Pregătirea Visual Studio Code==
Pentru folosirea Visual Studio Code (VSCode), este nevoie să se instaleze modulele:
* Live Sass Compiler
* Live Server


[[Fișier:Live Sass Compiler în VSC.png|none|1024px]]


[[Fișier:Live (Sass) Server ok.png|none|1024px]]

==Configurare==

Pentru setarea directoarelor de proiect, trebuie editat fișierul de setări în VS Code:


[[Fișier:Accesare setări.png|none|480px]]

<syntaxhighlight lang="sass">
    "explorer.confirmDelete": false,
    "[python]": {
        "editor.formatOnType": true
    },
    "security.workspace.trust.untrustedFiles": "open",
    "cmake.configureOnOpen": true,
    "arduino.useArduinoCli": true,
    "git.openRepositoryInParentFolders": "never",
    "liveSassCompile.settings.formats": [
        

        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "/styles/css",
            "savePathReplacementPairs": null
        },
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": "/styles/css/minified"

        }
    ],
    "liveServer.settings.donotShowInfoMsg": true
</syntaxhighlight>