Conversor CSS para SCSS

Input data
bfotool loadding
Output data
bfotool loadding

Conversor CSS para SCSS mais simples

Esta ferramenta online gratuita permite converter um arquivo CSS em um arquivo SCSS. Basta colar seu CSS no formulário abaixo e ele será convertido instantaneamente para SCSS. Não há necessidade de baixar ou instalar nenhum software. Sem custos

Como converter CSS para SCSS?

Etapa 1: Selecione sua entrada. Inserir dados.
Etapa 2: Escolha as opções de saída (opcional) Opções de saída.
Etapa 3: gerar saída.

Exemplos de conversor de CSS para SCSS

CSS

.feature-url {
    background: #f7f7f7;
    text-align: center;
}
.feature-url li {
    list-style: none;
    display: inline-block;
    margin: 2px;
    border: 1px solid #e9ebee;
    text-align: center;
}
.feature-url li a {
    padding: 5px;
    color: blue;
    display: block;
    min-width: 70px;
}
.feature-url li a i {
    font-size: 20px;
}
.feature-url li a:hover {
    text-decoration: none;
    background: #e9ebee;
    color: #222;
}
.feature-url li.active a {
    background: #e9ebee;
    color: #222;
}

SCSS

.feature-url {
	background: #f7f7f7;
	text-align: center;
	li {
		list-style: none;
		display: inline-block;
		margin: 2px;
		border: 1px solid #e9ebee;
		text-align: center;
		a {
			padding: 5px;
			color: blue;
			display: block;
			min-width: 70px;
			i {
				font-size: 20px;
			}
			&:hover {
				text-decoration: none;
				background: #e9ebee;
				color: #222;
			}
		}
		&.active a {
			background: #e9ebee;
			color: #222;
		}
	}
}
 
CSS para SCSS ajuda a converter o formato de estilo CSS para o formato de estilo SCSS. É uma maneira muito simples e fácil de transformar e compartilhar CSS em dados SCSS.