Công cụ chuyển đổi CSS sang SASS

Công cụ chuyển đổi CSS sang SASS đơn giản nhất

Công cụ trực tuyến miễn phí này cho phép bạn chuyển đổi tệp CSS thành tệp SASS. Chỉ cần dán CSS của bạn vào biểu mẫu bên dưới và nó sẽ ngay lập tức được chuyển đổi sang SASS mà không cần tải xuống hoặc cài đặt bất kỳ phần mềm nào. Miễn phí

Làm thế nào để chuyển đổi CSS sang SASS?

Bước 1: Chọn đầu vào của bạn. Nhập dữ liệu.
Bước 2: Chọn tùy chọn đầu ra (tùy chọn) Tùy chọn đầu ra.
Bước 3: Tạo đầu ra.

Ví dụ về trình chuyển đổi CSS sang 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 to SASS giúp chuyển đổi định dạng kiểu CSS sang định dạng kiểu SASS. Đây là cách rất đơn giản và dễ dàng để chuyển đổi và chia sẻ dữ liệu
CSS sang SASS CSS tốt nhất và an toàn nhất CSS sang SASS hoạt động tốt trên Windows, Mac, Linux, Chrome, Firefox, Safari và Edge.