Sierra è una bellissima libreria UI Dark costruita su Sass
In un mondo pieno di quadri di frontend, può essere difficile selezionare tutte le opzioni. Ma se sei un amante del Sass allora Sierra è il la più nuova struttura dell'interfaccia utente guardare.
È completamente personalizzabile e Funziona interamente sul codice SCSS. Ciò significa che viene fornito con decine di Partial SCSS e librerie correlate che tutti si fondono in un'unica potente (e gratuita) libreria UI.
Quando gli sviluppatori sentono parlare di una nuova libreria Sass, di solito si presume che sia un insieme di mix. Ma Sierra è più che semplici variabili e mixin. Questa libreria è un vero framework UI blu con stili personalizzati per griglie, tipografia, tavoli, pulsanti, le forme, e praticamente tutto ciò di cui avresti bisogno per progettare un sito web.
In totale, la libreria pesa circa 34kb non compressi, che può sembrare grande. Ma considerando tutto ciò che si ottiene, è di buone dimensioni e lontano dai più voluminosi là fuori (per riferimento, i CSS di Bootstrap misurano circa 115kb non compressi).
Lavorando in Sierra, ottieni opzioni completamente personalizzabili per cambiare griglie, padding, spaziatura, dimensioni / famiglie di caratteri, colori e molto altro ancora. È tutto controllato tramite SCSS e ogni libreria è diviso in diversi file per un'organizzazione più semplice.
La libreria UI è dotata di dozzine di stili frontend per gli elementi di pagina più comuni:
- Paragrafi e intestazioni
- pulsanti
- Input di form (dropdown, radio, ecc.)
- tabelle
- paginatura
- Allineamenti sinistra / destra
- Barre di caricamento personalizzate
Tutti questi elementi possono essere visti sulla pagina demo che utilizza uno schema di colori più scuro. Di default, Sierra è un libreria UI oscura ma dal momento che tutti i colori sono facili da cambiare, puoi farlo funzionare per qualsiasi stile di sito web.
La mia unica lamentela è il mancanza di documentazione facilmente accessibile. Sierra è attualmente in v2.0, ma anche il repository principale è scarso sui suggerimenti di installazione e personalizzazione.
Per fortuna, gli sviluppatori elencano tutte le variabili principali puoi cambiare nel _variables.scss file. Queste variabili vengono importate per tutti gli altri file Sierra SCSS, il che significa che tu solo bisogno di cambiare i colori in un unico luogo per farli lavorare ovunque.
Sierra è tutt'altro che perfetto ma è una delle poche librerie UI basate su Sass sul web.
Se vuoi provarlo, dai un'occhiata al sito principale di demo e ulteriori dettagli. E se sei davvero bloccato puoi provare ad aprire una domanda sulla pagina dei problemi di GitHub o inviare messaggi al creatore Joan Claret per maggiori dettagli.
