Μετατροπέας 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.