Kubadilisha CSS Kwa SCSS

Kigeuzi cha CSS hadi SCSS rahisi zaidi

Zana hii ya mtandaoni isiyolipishwa hukuruhusu kubadilisha faili ya CSS kuwa kushindwa ya SCSS. Bandika tu CSS yako katika fomu iliyo hapa chini na itabadilishwa mara moja kuwa SCSS Hakuna haja ya kuhifadhi au kusakinisha programu yoyote. Bure

Jinsi ya kubadili CSS kwa SSC?

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

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