CSS لتحويل SCSS

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

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

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

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

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