Compilador de SCSS e Sass

Compile trechos SCSS/Sass colados ou arquivos .scss/.sass locais diretamente em seu navegador. Sua folha de estilo não é carregada, registrada ou enviada para uma API.

Clique para escolher um arquivo SCSS/Sass ou solte-o aqui

Você também pode colar SCSS/Sass diretamente no editor abaixo.

0 Byte

0 Byte

Pronto

Compilação nativa do navegador

A compilação é executada localmente usando a implementação oficial Dart Sass. Nenhuma folha de estilo é enviada para servidores Convertr.

Snippet e entrada de arquivo

Cole SCSS parcial, folhas de estilo completas, regras aninhadas, variáveis, mixins ou carregue um arquivo .scss local.

Medição segura

Analytics usa apenas intervalos de tamanho e redução. SCSS fonte, variáveis, mixins e nomes de arquivos ficam fora da telemetria.

Perguntas frequentes

Meu SCSS foi enviado para Convertr?

Não. O compilador SCSS é executado localmente com o navegador JavaScript. SCSS colado e arquivos selecionados não são enviados para servidores Convertr.

O que acontece quando SCSS apresenta um erro de sintaxe?

O erro do compilador com números de linha e coluna é mostrado no painel de avisos para que você possa localizar e corrigir o erro.

Isso suporta @import ou dependências remotas?

Não. Para garantir velocidade, disponibilidade off-line e privacidade, as importações remotas e o acesso ao sistema de arquivos estão desabilitados neste compilador nativo do navegador.

Ferramentas de desenvolvedor relacionadas

Minificador de CSS Comprimir folhas de estilo CSS Conversor de Cores CSS Converte CSS cores Gerador de gradientes CSS Crie gradientes CSS localmente Minificador de HTML Comprimir trechos HTML Minificador de JavaScript Comprimir código JavaScript Ferramentas de Desenvolvedor Navegue pelos utilitários do navegador

SCSS Compilador

Compile a sintaxe SCSS suportada em CSS usando o compilador de navegador integrado.

Entrada
Código-fonte SCSS mais opções de estilo de saída.
Saída
CSS ou diagnóstico de compilador.
Limitações reais
O compilador do navegador não resolve importações arbitrárias de projetos, executa plugins de construção ou garante paridade com uma versão diferente da Sass.
Privacidade e tratamento de dados
As opções de fonte SCSS e estilo de saída são processadas nesta tabela do navegador. o Convertr não recebe ou armazenará; fechar ou recarregar a página limpa o estado de trabalho, a menos que a ferramenta ofereça explicitamente uma descarga local.

Como usar esta ferramenta

  1. Forneça opções de fonte SCSS e estilo de saída nos controles da ferramenta.
  2. Escolha as configurações que afetam os diagnósticos compilados do CSS ou do compilador, e execute a ferramenta.
  3. Revise o CSS compilado ou os diagnósticos do compilador antes de copiá-lo ou baixá-lo.

Modos de falha comuns

Variáveis não definidas, mixins ausentes, importações indisponíveis ou aninhamento inválido retornam um erro de compilação com informação de linha.

Exemplo útil

Compila uma variável $brand e uma regra aninhada .button hover em CSS expandido ou comprimido.