CSS'den LESS'e Dönüştürücü

Input data
bfotool loadding
Output data
bfotool loadding

CSS'den LESS'e dönüştürücü en basit

Bu ücretsiz çevrimiçi araç, bir CSS dosyasını bir LESS dosyasına dönüştürmenize olanak tanır. CSS'nizi aşağıdaki forma yapıştırmanız yeterlidir, anında LESS'e dönüştürülür Herhangi bir yazılım indirmenize veya yüklemenize gerek yok. Özgür

CSS'yi LESS'e Nasıl Dönüştürürsünüz?

Adım 1: Girişinizi seçin. Veri Girin.
Adım 2: Çıktı seçeneklerini seçin (isteğe bağlı) Çıktı Seçenekleri.
Adım 3: Çıktı oluşturun.

CSS'den LESS'e dönüştürücü örnekleri

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

AZ

@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'den LESS'e, CSS stil biçimini LESS stil biçimine dönüştürmeye yardımcı olur. CSS'yi DAHA AZ verilere dönüştürmenin ve paylaşmanın çok basit ve kolay yolu.