SCSS- und Sass-Compiler

Συγκεντρώστε επικολλημένα SCSS/Sass αποσπάσματα ή τοπικά αρχεία .scss/.sass απευθείας στο πρόγραμμα περιήγησής σας. Το φύλλο στυλ σας δεν μεταφορτώνεται, καταγράφεται ή αποστέλλεται σε API.

Κάντε κλικ για να επιλέξετε ένα αρχείο SCSS/Sass ή αποθέστε το εδώ

Μπορείτε επίσης να επικολλήσετε SCSS/Sass απευθείας στον παρακάτω επεξεργαστή.

0 byte

0 byte

Ετοιμος

Εγγενής συλλογή από το πρόγραμμα περιήγησης

Η μεταγλώττιση εκτελείται τοπικά χρησιμοποιώντας την επίσημη υλοποίηση Dart Sass. Δεν αποστέλλονται φύλλα στυλ σε διακομιστές Convertr.

Εισαγωγή αποσπάσματος και αρχείου

Επικολλήστε μερικό SCSS, πλήρη φύλλα στυλ, ένθετους κανόνες, μεταβλητές, μίξεις ή φορτώστε ένα τοπικό αρχείο .scss.

Ασφαλής μέτρηση

Το Analytics χρησιμοποιεί μόνο κουβάδες μεγέθους και μείωσης. Η πηγή SCSS, οι μεταβλητές, οι μίξεις και τα ονόματα αρχείων παραμένουν εκτός τηλεμετρίας.

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

Έχει μεταφορτωθεί το SCSS μου στο Convertr;

Όχι. Ο μεταγλωττιστής SCSS εκτελείται τοπικά με το πρόγραμμα περιήγησης JavaScript. Επικολλήθηκαν SCSS και τα επιλεγμένα αρχεία δεν αποστέλλονται στους διακομιστές Convertr.

Τι συμβαίνει όταν το SCSS έχει συντακτικό σφάλμα;

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

Υποστηρίζει @import ή απομακρυσμένες εξαρτήσεις;

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

Σχετικά εργαλεία προγραμματιστή

Ελαχιστοποιητής CSS Συμπίεση των φύλλων στυλ CSS Μετατροπέας χρώματος CSS Μετατροπή CSS χρωμάτων CSS ΓΕΝΤΡΙΚΟΓΡΑΦΟ Δημιουργία CSS gradients τοπικά Ελαχιστοποιητής HTML Συμπίεση HTML snippets Ελαχιστοποιητής JavaScript Συμπίεση κωδικού JavaScript Εργαλεία Ανάπτυξης Περιήγηση στα βοηθητικά προγράμματα περιήγησης

SCSS Μεταγλωττιστής

Συγκρίνετε υποστηριζόμενη σύνθεση SCSS σε CSS χρησιμοποιώντας το συνδεδεμένο πρόγραμμα περιήγησης.

Εισαγωγή
SCSS πηγή και επιλογές output-style.
Έξοδος
Επαναστατική CSS ή διαγνωστική σύνθεση.
Πραγματικοί περιορισμοί
Το πρόγραμμα περιήγησης δεν λύσει αυθαίρετα εισαγωγές έργου, εκτελεί plugins κατασκευής ή εγγυάται την ισοτιμία με μια διαφορετική έκδοση Sass.
Προσωπικότητα και επεξεργασία δεδομένων
Οι επιλογές πηγής SCSS και τρόπου εκκίνησης επεξεργάζονται σε αυτό το παράθυρο του προγράμματος περιήγησης. ο μετατροπέας δεν λαμβάνει ή αποθηκεύει το στοιχείο αυτό. το κλείσιμο ή η επαναφορτίζοντας τη σελίδα καθαρίζει την κατάσταση εργασίας, εκτός εάν το εργαλείο προσφέρει ρητά μια τοπική λήψη.

Πώς να χρησιμοποιήσετε αυτό το εργαλείο

  1. Παρέχετε επιλογές πηγή SCSS plus output-style στις ελέγχους εργαλείων.
  2. Επιλέξτε τις ρυθμίσεις που επηρεάζουν τη σύνθεση των διαγνωστικών CSS ή του συντάκτη, στη συνέχεια εκτελέστε το εργαλείο.
  3. Αναθεωρήστε συντάχθηκε CSS ή διαγνωστικές αντιγράφων πριν από την αντιγραφή ή λήψη.

Κοινές διαστάσεις αποτυχίας

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

Χρήσιμο παράδειγμα

Συγκεντρώστε μια μεταβλητή μάρκας $ και το κανόνα .button hover σε επεκταμένο ή συμπιεσμένο CSS.