# Tag: Sass

> Posts do dpw marcados com a tag Sass.

URL: https://dpw.dev/tag/sass/

## Posts

- [Substituindo funções de cor do Sass por CSS nativo](https://dpw.dev/css/substituindo-funcoes-de-cor-sass-por-css-nativo/): Guia prático para substituir funções de cor do Sass como lighten(), darken() e tint() por CSS moderno com color-mix() e sintaxe de cores relativas.
- [16 dicas de Sass para facilitar sua vida (parte 2)](https://dpw.dev/css/sass-dicas-parte-2/): Domine Sass com 8 dicas avançadas: argumentos variáveis, mixins inteligentes, operações e arquitetura de estilos. Facilite sua vida no front-end!
- [BEM: guia definitivo do padrão CSS mais famoso](https://dpw.dev/css/bem/): Guia completo da metodologia BEM (Block Element Modifier). Aprenda a convenção CSS do Yandex com exemplos práticos, vantagens e melhores práticas.
- [Barra de progresso circular com CSS](https://dpw.dev/css/barra-progresso-circular-css/): Crie barras de progresso circular impressionantes com CSS puro e Sass. Técnica diferenciada usando linear-gradient para 100 níveis de preenchimento radial!
- [O básico de Sass para se virar nas webs](https://dpw.dev/css/o-basico-de-sass/): Domine o básico de Sass para se virar nas webs. Aprenda variáveis, nesting, mixins e organização para escrever CSS profissional. Comece agora!
- [6 vantagens em usar BEM ao escrever CSS](https://dpw.dev/css/6-vantagens-em-usar-bem-ao-escrever-css/): Organize e escale seu CSS com metodologia BEM profissionalmente. Descubra 6 vantagens: nomes de classes compreensíveis, consistentes e fáceis de manter!
- [Variáveis CSS são melhores que loops de Sass?](https://dpw.dev/css/variaveis-css-loops-sass/): Variáveis CSS são melhores que loops de Sass? Compare custom properties com preprocessadores para geração dinâmica de estilos. Veja exemplos!
- [A maneira 100% correta de fazer breakpoints em CSS](https://dpw.dev/css/css-breakpoints-maneira-correta/): Descubra a abordagem correta para breakpoints CSS responsivos. Aprenda a definir pontos de quebra baseados em conteúdo, não em dispositivos.
- [16 dicas de Sass para facilitar sua vida (parte 1)](https://dpw.dev/css/sass-dicas-parte-1/): Descubra 8 dicas avançadas de Sass que você provavelmente não conhecia: prefixos, mixins, funções e técnicas que vão mudar seu CSS. Aprenda!
- [Você não precisa de um framework CSS Grid](https://dpw.dev/css/css-grid-frameworks-consideracoes/): CSS Grid vs Frameworks: análise completa e imparcial. Descubra quando usar Grid nativo e quando frameworks CSS ainda fazem sentido em projetos. Decida!
- [Pré-processadores CSS e Chrome DevTools](https://dpw.dev/css/pre-processadores-css-chrome-devtools/): Aprenda a usar pré-processadores CSS no Chrome DevTools. Debug e edição de Sass/LESS diretamente no navegador com source maps. Acelere o workflow!

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml