SCSS e Sass Compilador

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

Preparar

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

CSS Minificador Compactar folhas de estilo CSS Conversor de Cores CSS Converte CSS cores Gênero de Gradientes CSS Crie gradientes CSS localmente HTML Minificador Compactar trechos HTML JavaScript Minificador Compactar código JavaScript Ferramentas de Desenvolvedor Navegue pelos utilitários do navegador

SCSS Compilador

Compilar a síntese SCSS suportada para CSS usando o compilador de navegador embalado.

Entrada
SCSS fonte mais output-style opções.
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 Converter 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 essa ferramenta

  1. Fornece opções de fonte SCSS e estilo de saída nos controles de ferramentas.
  2. Escolha as configurações que afetam os diagnósticos compilados do CSS ou do compilador, e execute a ferramenta.
  3. Revisão compilado CSS ou diagnósticos compiler antes de copiar ou baixar.

Modos de falha comuns

Variáveis não definidas, misturas faltantes, importações inexistentes ou nuvens inapropriadas devolverão um erro de compilação de linha-consciente.

Exemplo útil

Compila uma variável de marca $ e um .button hover padrão em CSS expandido ou comprimido.