Μετατροπέας CSS σε SASS

Input data
bfotool loadding
Output data
bfotool loadding

Ο πιο απλός μετατροπέας 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;
}

SASS

$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.