Compass è un framework CSS basato su Sass — strumento cui abbiamo già dedicato un articolo — per rendere molto flessibile la creazione, la modifica e la manutenzione dei fogli di stile. Trattandosi di una Ruby gem si installa con il comando:La sua prima caratteristica è la semplicità d'uso; con i comandi seguenti il software creerà automaticamente le cartelle e i file necessari, fra cui il sorgente in formato scss e il file CSS vero e proprio, che sarà automaticamente ricompilato a ogni modifica del file sorgente:Le API che possiamo utilizzare sono quelle di Sass, come variabili e mixin, ma in più avremo a disposizione un'ampia libreria dai più svariati utilizzi: dall’inserimento dei reset alla gestione della compatibilità dei diversi browser, dai CSS3 (comprensivi di prefissi proprietari) alla gestione degli sprite.

Come indicato dalla documentazione, ci sono moduli specifici per i vari ambiti di applicazione, che possono essere importati a seconda delle necessità. Ad esempio, per utilizzare il modulo CSS3 sarà sufficiente includere nel file scss la direttiva seguente, per avvalerci dei mixin elencati nella rispettiva sezione della documentazione:Come abbiamo già scritto nell'articolo dedicato a Sass, ai mixin possono essere passati dei valori, ma in più Compass inserisce delle variabili di default (che naturalmente possono essere sovrascritte), per utilizzare subito le regole senza ulteriori specificazioni.

Un'ulteriore particolarità di questo strumento è la sua stretta integrazione con il framework Blueprint, il cui modulo può essere importato allo stesso modo degli altri. Questo non significa che non si possa utilizzare un altro framework CSS tramite dei plug-in, come quello per 960css, già disponibile, e installabile tramite il comando: