Sass: Diferență între versiuni
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

Setări
"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