Ο πιο απλός μετατροπέας CSS σε LESS
Αυτό το δωρεάν διαδικτυακό εργαλείο σάς επιτρέπει να μετατρέψετε ένα αρχείο CSS σε αρχείο LESS. Απλώς επικολλήστε το CSS σας στην παρακάτω φόρμα και θα μετατραπεί αμέσως σε LESS Δεν χρειάζεται να κάνετε λήψη ή εγκατάσταση οποιουδήποτε λογισμικού. Ελεύθερος
Πώς να μετατρέψετε το CSS σε LESS;
Βήμα 1: Επιλέξτε την εισαγωγή σας. Εισαγάγετε Δεδομένα.
Βήμα 2: Επιλέξτε επιλογές εξόδου (προαιρετικά) Επιλογές εξόδου.
Βήμα 3: Δημιουργήστε έξοδο.
Παραδείγματα μετατροπέα CSS σε LESS
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;
}
}
}
