CSS'den SCSS'ye dönüştürücü en basit
Bu ücretsiz çevrimiçi araç, bir CSS dosyasını bir SCSS dosyasına dönüştürmenize olanak tanır. CSS'nizi aşağıdaki forma yapıştırmanız yeterlidir, anında SCSS'ye dönüştürülür Herhangi bir yazılım indirmenize veya yüklemenize gerek yok. Özgür
CSS'yi SCSS'ye 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 SCSS'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;
}
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;
}
}
}
