Penukar CSS Ke SASS

Penukar CSS ke SASS paling mudah

Alat dalam talian percuma ini membolehkan anda menukar fail CSS kepada fail SASS. Hanya tampal CSS anda dalam borang di bawah dan ia akan ditukar dengan serta-merta kepada SASS Tidak perlu memuat turun atau memasang sebarang perisian. Percuma

Bagaimana untuk Menukar CSS kepada SASS?

Langkah 1: Pilih input anda. Masukkan Data.
Langkah 2: Pilih pilihan output (pilihan) Pilihan Output.
Langkah 3: Hasilkan output.

Contoh penukar CSS ke SASS

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 kepada SASS membantu menukar format gaya CSS kepada format gaya SASS . Ia adalah cara yang sangat mudah dan mudah untuk mengubah dan berkongsi data CSS kepada SASS CSS
Terbaik dan Selamat kepada SASS berfungsi dengan baik dalam Windows, Mac, Linux, Chrome, Firefox, Safari dan Edge.