Convertisseur CSS en MOINS

Convertisseur CSS en LESS le plus simple

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

Comment convertir CSS en LESS ?

É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 LESS

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

MOINS

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