Sass: Diferență între versiuni

De la YO3ITI
Sari la navigare Sari la căutare
Linia 16: Linia 16:
Setări
Setări


[[Fișier:Accesare setări.png|none]]
[[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>

Versiunea de la data 7 octombrie 2023 00:37

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

Suport în Visual Studio Code

Module necesare în VSC:

  • Live Sass Compiler
  • Live Server


Eroare la generarea previzualizării: Fișier lipsă



Setări

Eroare la generarea previzualizării: Fișier lipsă
    "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