Convertisseur CSS en SCSS

Convertisseur CSS en SCSS le plus simple

Cet outil en ligne gratuit vous permet de convertir un fichier CSS en fichier SCSS. Collez simplement votre CSS dans le formulaire ci-dessous et il sera instantanément converti en SCSS. Pas besoin de télécharger ou d'installer de logiciel. Libérer

Comment convertir CSS en SCSS ?

Étape 1 : Sélectionnez votre entrée. Entrer des données.
Étape 2 : Choisissez les options de sortie (facultatif) Options de sortie.
Étape 3 : générez une sortie.

Exemples de convertisseur CSS vers 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 to SCSS permet de convertir le format de style CSS en format de style SCSS. C'est un moyen très simple et facile de transformer et de partager des données CSS en SCSS.