CSS لتحويل SASS

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

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

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

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

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

ساس

$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 إلى SASS في تحويل تنسيق نمط CSS إلى تنسيق نمط SASS. إنها طريقة بسيطة وسهلة للغاية لتحويل ومشاركة CSS إلى بيانات
SASS. يعمل CSS الآمن والآمن إلى SASS بشكل جيد في أنظمة التشغيل Windows و Mac و Linux و Chrome و Firefox و Safari و Edge.