Ο όρος CSS σε SCSS αναφέρεται στη διαδικασία μετατροπής τυπικών CSS (Cascading Style Sheets) σε SCSS (Sassy CSS) — μια σύνταξη του Sass, ενός ισχυρού προεπεξεργαστή CSS. Το SCSS επεκτείνει το CSS με λειτουργίες όπως μεταβλητές, ένθεση, μίξεις, συναρτήσεις και κληρονομικότητα για να δημιουργήσει πιο οργανωμένα και επαναχρησιμοποιήσιμα φύλλα στυλ.
Μεταβλητές: Αποθηκεύστε επαναχρησιμοποιήσιμες τιμές όπως χρώματα, μεγέθη γραμματοσειρών και μονάδες απόστασης.
Ένθεση: Οργανώστε τους κανόνες CSS σε μια ιεραρχική δομή που αντικατοπτρίζει την HTML σας.
Μίξεις: Επαναχρησιμοποιήστε ομάδες στυλ σε πολλά στοιχεία.
Συναρτήσεις & Τελεστές: Εκτελέστε υπολογισμούς ή χειριστείτε τιμές δυναμικά.
Οργάνωση Κώδικα: Διαχωρίστε τα στυλ σε πολλαπλά αρθρωτά μέρη χρησιμοποιώντας @import ή @use.
Όταν εργάζεστε σε μεγάλα έργα που χρειάζονται καλύτερη δομή και επαναχρησιμοποίηση.
Όταν διατηρείτε ή ενώνετε μια βάση κώδικα που χρησιμοποιεί ήδη SCSS.
Όταν χρειάζεστε προηγμένες λειτουργίες που δεν παρέχει το τυπικό CSS (π.χ., βρόχοι, μαθηματικές πράξεις).
Όταν ακολουθείτε μια προσέγγιση βασισμένη σε στοιχεία ή σε σύστημα σχεδίασης για το στυλ.