Kubadilisha CSS Kwa SASS

Kigeuzi cha CSS hadi SASS rahisi zaidi

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

Jinsi ya kubadili CSS kwa SAS?

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 za CSS hadi SASS

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

SASS

$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 SASS husaidia kubadilisha umbizo la mtindo wa CSS hadi umbizo la mtindo wa SASS. Ni njia rahisi na rahisi sana ya kubadilisha na kushiriki data ya CSS hadi SASS
CSS Bora na Salama kwa SASS inafanya kazi vyema katika Windows, Mac, Linux, Chrome, Firefox, Safari na Edge.