Convertor CSS în LESS

Input data
bfotool loadding
Output data
bfotool loadding

Convertorul CSS la LESS cel mai simplu

Acest instrument online gratuit vă permite să convertiți un fișier CSS într-un fișier LESS. Lipiți-vă CSS-ul în formularul de mai jos și va fi convertit instantaneu în LESS. Nu este nevoie să descărcați sau să instalați niciun software. Liber

Cum se convertesc CSS în LESS?

Pasul 1: Selectați intrarea dvs. Introduceți date.
Pasul 2: Alegeți opțiunile de ieșire (opțional) Opțiunile de ieșire.
Pasul 3: Generați rezultat.

Exemple de convertoare CSS în 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;
}

MAI PUȚIN

@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 în LESS vă ajută să convertiți formatul de stil CSS în formatul de stil LESS. Este o modalitate foarte simplă și ușoară de a transforma și partaja CSS în MAI MAI MINE date.