Penukar CSS ke SCSS paling mudah
Alat dalam talian percuma ini membolehkan anda menukar fail CSS kepada fail SCSS. Hanya tampal CSS anda dalam borang di bawah dan ia akan serta-merta ditukar kepada SCSS Tidak perlu memuat turun atau memasang sebarang perisian. Percuma
Bagaimana untuk Menukar CSS kepada SCSS?
Langkah 1: Pilih input anda. Masukkan Data.
Langkah 2: Pilih pilihan output (pilihan) Pilihan Output.
Langkah 3: Hasilkan output.
Contoh penukar CSS ke SCSS
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;
}
}
}
