Penukar CSS Ke SCSS

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

CSS kepada SCSS membantu menukar format gaya CSS kepada format gaya SCSS. Ia adalah cara yang sangat mudah dan mudah untuk mengubah dan berkongsi data CSS kepada SCSS.