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

Công cụ chuyển đổi CSS sang LESS đơ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 một tệp CSS thành một tệp LESS. 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 thành LESS 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 thành LESS?

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ề công cụ chuyển đổi CSS sang LESS

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

ÍT HƠN

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