docs: add next section about scss

Author: deverebor

docs/tutorial/2-Conceitos/11-Pre-Processadores.md

@@ -2,25 +2,29 @@
 
 Nas seções de introdução, demos o exemplo que no **Vue** é possível utilizar pre-processadores de forma facilitada, agora iremos explicar como implementar:
 
-* Nas opções de criação do projeto manual usando o **VueCLI**, é possivel adicionar os pre-processadores diretamente por lá.
+* Nas opções de criação do projeto manual usando o **VueCLI**, é possível adicionar os pre-processadores diretamente por lá.
 
-## CSS
+## SCSS - SASS
 
-Vamos instalar primeiramente as dependencias necessárias:
+Vamos instalar primeiramente as dependências necessárias:
 
-`yarn add sass-loader node-sass --save-dev`
+```zsh
+ yarn add sass-loader sass --save-dev
+```
 
 Dessa forma, podemos agora utilizar o sass:
 
-```css
+```vue
 <style lang="sass">
 
 </style>
 ```
 
 ## PugJS
 
-`yarn add pug --save-dev`
+```zsh
+  yarn add pug --save-dev
+```
 
 ```html
 <template lang="pug">
@@ -31,4 +35,4 @@ main
 
 Na próxima seção, iremos para as nossas considerações de tudo oque aprendemos sobre os conceitos base do **Vue**, te vemos lá!
 
-[Próxima Seção](./12-Considerações.md)
+[Próxima Seção](./12-SCSS.md)