CSS zuwa SASS Converter

CSS zuwa SASS Converter mafi sauki

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

Yadda za a Convert CSS zuwa SASS?

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

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 zuwa SASS yana taimakawa canza tsarin CSS zuwa tsarin SASS. Hanya ce mai sauƙi kuma mai sauƙi don canzawa da raba CSS zuwa bayanan SASS
Mafi kyau kuma Amintaccen CSS zuwa SASS yana aiki da kyau a cikin Windows, Mac, Linux, Chrome, Firefox, Safari da Edge.