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

Công cụ chuyển đổi CSS sang SCSS đơ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 SCSS. 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 SCSS 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 SCSS?

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 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 to SCSS giúp chuyển đổi định dạng kiểu CSS sang định dạng kiểu SCSS. Đây là cách rất đơn giản và dễ dàng để chuyển đổi và chia sẻ CSS sang dữ liệu SCSS.