Kigeuzi cha CSS hadi CHACHE

CSS hadi LESS kigeuzi rahisi

Zana hii ya mtandaoni isiyolipishwa hukuruhusu kubadilisha faili ya CSS kuwa faili ndogo. Bandika tu CSS yako katika fomu iliyo hapa chini na itabadilishwa papo hapo kuwa CHINI Hakuna haja ya kupakua au kusakinisha programu yoyote. Bure

Jinsi ya kubadili CSS kwa LE?

Hatua ya 1: Chagua ingizo lako. Ingiza Data.
Hatua ya 2: Chagua chaguzi za towe (si lazima) Chaguzi za towe.
Hatua ya 3: Tengeneza pato.

Mifano ya kubadilisha fedha CSS hadi 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;
}

CHINI

@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 hadi LESS husaidia kubadilisha umbizo la mtindo wa CSS hadi umbizo la mtindo wa LESS. Ni rahisi sana na njia rahisi ya kubadilisha na kushiriki data ya CSS hadi LESS.