CSS'den SASS'ye Dönüştürücü

Input data
bfotool loadding
Output data
bfotool loadding

CSS'den SASS'ye dönüştürücü en basit

Bu ücretsiz çevrimiçi araç, bir CSS dosyasını bir SASS dosyasına dönüştürmenize olanak tanır. CSS'nizi aşağıdaki forma yapıştırmanız yeterlidir, anında SASS'a dönüştürülür Herhangi bir yazılım indirmenize veya yüklemenize gerek yoktur. Özgür

CSS'yi SASS'a Nasıl Dönüştürürsünüz?

Adım 1: Girişinizi seçin. Veri Girin.
Adım 2: Çıktı seçeneklerini seçin (isteğe bağlı) Çıktı Seçenekleri.
Adım 3: Çıktı oluşturun.

CSS'den SASS'ye dönüştürücü örnekleri

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'den SASS'a, CSS stil biçimini SASS stil biçimine dönüştürmeye yardımcı olur. CSS'yi SASS verisine dönüştürmenin ve paylaşmanın çok basit ve kolay yolu
En İyi ve Güvenli CSS'den SASS'a Windows, Mac, Linux, Chrome, Firefox, Safari ve Edge'de iyi çalışır.