Canzawar CSS Zuwa SCSS

CSS zuwa SCSS mai juyawa mafi sauƙi

Wannan kayan aikin kan layi kyauta yana ba ku damar canza fayil ɗin CSS zuwa fayil ɗin SCSS. Kawai liƙa CSS ɗin ku a cikin fom ɗin da ke ƙasa kuma nan take za ta canza zuwa SCSS Babu buƙatar saukewa ko shigar da kowace software. Kyauta

Yadda ake Canza CSS zuwa SCSS?

Mataki 1: Zaɓi shigarwar ku. Shigar da Bayanai.
Mataki 2: Zaɓi zaɓin fitarwa (na zaɓi) Zaɓuɓɓukan fitarwa.
Mataki 3: Samar da fitarwa.

CSS zuwa SCSS misalan masu mu'amala

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 zuwa SCSS yana taimakawa canza tsarin CSS zuwa tsarin salon SCSS. Hanya ce mai sauƙi da sauƙi don canzawa da raba CSS zuwa bayanan SCSS.