Η SCSS είναι ένας προεπεξεργαστής της CSS που προσθέτει δυνατότητες όπως την δημιουργία  μεταβλητών , την ευφόλευση selectors αλλά και αρκετά συντακτικά πλεονεκτήματα . Περισσότερα εδώ .

Για να χρησιμοποιήσουμε SCSS στο WordPress υπάρχουν αρκετοί τρόποι όμως ο πιο απλός είναι με την εγκατάσταση του WP-SCSS .

Βέβαια θα πρέπει να κάνετε enqueue το νέο style sheet και επειδή τήνει κασάρει φουλ μπορείτε να δοκιμάστε τα παρακάτω δύο

function child_load_scripts() {	
    wp_enqueue_style( 'child-style' , get_stylesheet_directory_uri() . 'css/style.css?version='.rand() , array(), rand() ); 
}
add_action('wp_enqueue_scripts', 'child_load_scripts');

// WP-SCSS Recompile
define('WP_SCSS_ALWAYS_RECOMPILE', true);

Μη ξεχάσετε να τα βγάλετε πριν πάτε live γιατί αλλιώς θα έχετε πρόβλημα στο χρόνο φόρτωσης!

Εάν ο editor που χρησιμοποιείτε δεν αναγνωρίζει τον κώδικα και τον εμφανίζει σαν απλό κείμενο μπορείτε το διορθώσετε με την εγκατάσταση ενός plugin , στην περίπτωση μας στον sublime editor εγκαταστήσαμε το Sass όπως πρότεινε αυτό το άρθρο .

Επίσης μπορείτε να χρησιμοποιείστε το Sass cli για να κάνε complie από το command line