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