# Μορφοποιητής Less

Μορφοποιήστε φύλλα στυλ Less με αυτόν τον μορφοποιητή Less. Επικολλήστε κώδικα Less και το εργαλείο διαμορφώνει μεταβλητές, ένθετους κανόνες, mixins με παραμέτρους, κλήσεις mixin, guards, συναρτήσεις και ερωτήματα πολυμέσων με εσοχή δύο κενών, μία δήλωση ανά γραμμή και σταθερά κενά μετά τις άνω και κάτω τελείες και τα κόμματα. Οι προεπιλεγμένες τιμές των παραμέτρων mixin παραμένουν συμπαγείς, ώστε οι προγραμματιστές front end να έχουν ευανάγνωστο Less χωρίς να εκτελέσουν τον μεταγλωττιστή.

## Συχνές ερωτήσεις

### Πώς λειτουργεί ο μορφοποιητής Less;

Διαβάζει το φύλλο στυλ ως διακριτά στοιχεία, όπως αγκύλες, ερωτηματικά, άνω και κάτω τελείες, συμβολοσειρές και σχόλια, και αναδομεί τη διάταξη βάσει αυτών. Κάθε ανοικτή αγκύλη ξεκινά ένα μπλοκ με εσοχή δύο κενών και κάθε δήλωση καταλαμβάνει τη δική της γραμμή.

### Πώς μορφοποιούνται οι μεταβλητές;

Οι δηλώσεις μεταβλητών όπως @color: #333; αποκτούν κενό μετά την άνω και κάτω τελεία και τελειώνουν με ερωτηματικό. Οι αναφορές σε μεταβλητές μέσα στις τιμές διατηρούνται όπως είναι.

### Πώς αντιμετωπίζονται τα mixins με παραμέτρους;

Μέσα στις παρενθέσεις των παραμέτρων mixin, η άνω και κάτω τελεία παραμένει στη θέση της, ώστε το .mixin(@size:10px) να διατηρεί τη συμπαγή προεπιλεγμένη τιμή του. Μετά από κάθε κόμμα ανάμεσα στα ορίσματα προστίθεται ένα κενό.

### Οι κλήσεις mixin διατηρούνται σε ξεχωριστές γραμμές;

Ναι, οι κλήσεις όπως .mixin(5px); ή .bordered; τελειώνουν με ερωτηματικό και βρίσκονται σε δική τους γραμμή μέσα στον κανόνα. Οι ένθετοι επιλογείς και οι κανόνες &:hover έχουν εσοχή ένα επίπεδο βαθύτερα.

### Αλλάζουν οι συναρτήσεις και οι πράξεις;

Οι συναρτήσεις όπως darken(@color, 10%) διατηρούνται με κενό μετά από κάθε κόμμα και γύρω από το σύμβολο συν προστίθεται κενό, ώστε το 1px+2px να γίνεται 1px + 2px. Οι guards όπως when (@a > 0) παραμένουν στη γραμμή του επιλογέα.

### Το εργαλείο μεταγλωττίζει ή ελέγχει το Less μου;

Όχι, δεν μεταγλωττίζει σε CSS ούτε επικυρώνει τη σύνταξη, επομένως μορφοποιεί και ημιτελή αποσπάσματα. Χρησιμοποιήστε τον μεταγλωττιστή Less για να εντοπίσετε σφάλματα και να δημιουργήσετε CSS.

### Διατηρούνται τα σχόλια;

Ναι, τα σχόλια γραμμής // διατηρούνται και τερματίζουν στη γραμμή τους, ώστε ο επόμενος κώδικας να ξεκινά από κάτω. Τα σχόλια μπλοκ διατηρούνται στη θέση όπου εμφανίζονται.

### Μπορώ να προσαρμόσω την εσοχή;

Όχι, ο μορφοποιητής χρησιμοποιεί πάντα δύο κενά και δεν προσφέρει ρυθμίσεις. Έτσι, το ίδιο φύλλο στυλ παράγει πάντα το ίδιο αποτέλεσμα.

### Γιατί η έξοδος περικλείεται σε μπλοκ less;

Το αποτέλεσμα επιστρέφεται ως μπλοκ κώδικα Markdown με την ένδειξη less, το οποίο εμφανίζεται με επισήμανση σύνταξης στο Markdown. Αντιγράψτε τις γραμμές ανάμεσα στους οριοθέτες για το αρχείο .less.

### Πόσο μεγάλο μπορεί να είναι το φύλλο στυλ μου;

Έως 5 MB ανά εκτέλεση· μεγαλύτερη είσοδος απορρίπτεται με σχετικό μήνυμα. Το αποτέλεσμα είναι ίδιο με την επιλογή Less του Code Formatter.

Η διαφήμισή σας εδώ;

[Στείλτε μας email](mailto:hi@dennn.is?subject=%CE%94%CE%B9%CE%B1%CF%86%CE%AE%CE%BC%CE%B9%CF%83%CE%B7%20%CF%83%CF%84%CE%BF%20OneClick%20Pro)

[Διαφήμιση Η σουίτα πρόσθετων έτοιμη για πράκτορες του WordPress.](https://sleekwp.com/?ref=oneclickpro)