ตัวแปลง CSS เป็น SASS

Input data
bfotool loadding
Output data
bfotool loadding

ตัวแปลง CSS เป็น SASS ที่ง่ายที่สุด

เครื่องมือออนไลน์ฟรีนี้ให้คุณแปลงไฟล์ CSS เป็นไฟล์ SASS เพียงวาง CSS ของคุณในแบบฟอร์มด้านล่าง แล้วไฟล์นั้นจะถูกแปลงเป็น SASS ทันที โดยไม่จำเป็นต้องดาวน์โหลดหรือติดตั้งซอฟต์แวร์ใดๆ ฟรี

วิธีแปลง CSS เป็น SASS

ขั้นตอนที่ 1: เลือกข้อมูลของคุณ ป้อนข้อมูล
ขั้นตอนที่ 2: เลือกตัวเลือกเอาต์พุต (ตัวเลือก) ตัวเลือกเอาต์พุต
ขั้นตอนที่ 3: สร้างผลลัพธ์

ตัวอย่างตัวแปลง CSS เป็น 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 เป็น SASS ช่วยแปลงรูปแบบสไตล์ CSS เป็นรูปแบบสไตล์ SASS เป็นวิธีที่ง่ายและสะดวกมากในการแปลงและแชร์ข้อมูล CSS เป็น SASS ที่
ดีที่สุดและปลอดภัย CSS to SASS ทำงานได้ดีใน Windows, Mac, Linux, Chrome, Firefox, Safari และ Edge