Organizando arquivos sass

A maneira inteligente e produtiva de desenvolver CSS-Cascading Style Sheets- é usando pré-compiladores vamos implementar uma organização de arquivo em SASS. Nós necessitamos monitorar todos os arquivos que estão na pastas SASS, porém nem todos deve ser gera um arquivo css equivalente ao sass. Por exemplo: Temos uma pasta SASS que possui cinco arquivos: style.scss; _menu.scss; _header.scss; _variable.scss; _produtos.scss. No exemplo acima necessitamos a geração do arquivos style.css. Então o comando que realiza o monitoramento de arquivo é sass – -watch scss:css  A pasta monitorada só vai gerar o style.css os demais arquivos são ignorados para construção de .css devido a […]

Assistindo arquivo sass.

O SASS é um pré-compilador  para agilizar na construção de css. Já que css não tem recursos avançados para se construir de uma forma mais profissional. Então, o SASS supri a necessidade de desenvolver funções, variáveis e no final teremos um css após a compilação. Atualmente vários frameworks CSS usam SASS para construir seu CSS, por exemplo, o bootstrap 4. Os arquivos SASS estão na extensão .sass ou .scss. Os dois tipos de extensão que vai modificar é a formatação do arquivo. No .sass é necessário usar a indentação, já o .scss é necessário utilizar os parenteses para marcar instruções […]