Conversor CSS para SASS

Input data
bfotool loadding
Output data
bfotool loadding

Conversor CSS para SASS mais simples

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

Como converter CSS para SASS?

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 SASS

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;
}

SASS

$color1: #f7f7f7
$color2: #e9ebee
$color3: #222222

.feature-url 
	background: @color1
	text-align: center
	li 
		list-style: none
		display: inline-block
		margin: 2px
		border: 1px solid @color2
		text-align: center
		a 
			padding: 5px
			color: blue
			display: block
			min-width: 70px
			i 
				font-size: 20px
			
			&:hover 
				text-decoration: none
				background: @color2
				color: @color3
		&.active a 
			background: @color2
			color: @color3

CSS para SASS ajuda a converter o formato de estilo CSS para o formato de estilo SASS. É uma maneira muito simples e fácil de transformar e compartilhar CSS para dados SASS O
melhor e seguro CSS para SASS funciona bem no Windows, Mac, Linux, Chrome, Firefox, Safari e Edge.