CSS لتحويل أقل

CSS لتحويل LESS أبسط

تتيح لك هذه الأداة المجانية عبر الإنترنت تحويل ملف CSS إلى ملف LESS. فقط الصق CSS الخاص بك في النموذج أدناه وسيتم تحويله على الفور إلى LESS لا حاجة لتنزيل أو تثبيت أي برنامج. حر

كيفية تحويل CSS إلى LESS؟

الخطوة 1: حدد المدخلات الخاصة بك. أدخل البيانات.
الخطوة 2: اختر خيارات الإخراج (اختياري) خيارات الإخراج.
الخطوة 3: توليد الإخراج.

أمثلة على محول CSS إلى 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;
}

أقل

@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 إلى LESS في تحويل تنسيق نمط CSS إلى تنسيق نمط LESS. إنها طريقة بسيطة وسهلة للغاية لتحويل ومشاركة CSS إلى بيانات أقل.